@fabric-msft/fabric-web 7.2.0 → 7.4.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 (569) hide show
  1. package/dts/components/accordion/accordion.definition.d.ts.map +1 -1
  2. package/dts/components/accordion/accordion.styles.d.ts +2 -0
  3. package/dts/components/accordion/accordion.styles.d.ts.map +1 -0
  4. package/dts/components/accordion-item/accordion-item.definition.d.ts.map +1 -1
  5. package/dts/components/accordion-item/accordion-item.styles.d.ts +2 -0
  6. package/dts/components/accordion-item/accordion-item.styles.d.ts.map +1 -0
  7. package/dts/components/accordion-menu/accordion-menu.styles.d.ts.map +1 -1
  8. package/dts/components/accordion-menu-panel/accordion-menu-panel.styles.d.ts.map +1 -1
  9. package/dts/components/anchor-button/anchor-button.definition.d.ts.map +1 -1
  10. package/dts/components/anchor-button/anchor-button.styles.d.ts +2 -0
  11. package/dts/components/anchor-button/anchor-button.styles.d.ts.map +1 -0
  12. package/dts/components/avatar/avatar.definition.d.ts.map +1 -1
  13. package/dts/components/avatar/avatar.styles.d.ts +2 -0
  14. package/dts/components/avatar/avatar.styles.d.ts.map +1 -0
  15. package/dts/components/badge/badge.definition.d.ts.map +1 -1
  16. package/dts/components/badge/badge.styles.d.ts +2 -0
  17. package/dts/components/badge/badge.styles.d.ts.map +1 -0
  18. package/dts/components/button/button.styles.d.ts.map +1 -1
  19. package/dts/components/card/card.styles.d.ts.map +1 -1
  20. package/dts/components/card-carousel/card-carousel.styles.d.ts.map +1 -1
  21. package/dts/components/card-footer/card-footer.styles.d.ts.map +1 -1
  22. package/dts/components/card-header/card-header.styles.d.ts.map +1 -1
  23. package/dts/components/card-preview/card-preview.styles.d.ts.map +1 -1
  24. package/dts/components/carousel/carousel.d.ts +6 -42
  25. package/dts/components/carousel/carousel.d.ts.map +1 -1
  26. package/dts/components/carousel/carousel.definition.d.ts +15 -0
  27. package/dts/components/carousel/carousel.definition.d.ts.map +1 -1
  28. package/dts/components/carousel/carousel.styles.d.ts.map +1 -1
  29. package/dts/components/carousel/carousel.template.d.ts.map +1 -1
  30. package/dts/components/carousel/define.d.ts +1 -15
  31. package/dts/components/carousel/define.d.ts.map +1 -1
  32. package/dts/components/carousel/index.d.ts +1 -2
  33. package/dts/components/carousel/index.d.ts.map +1 -1
  34. package/dts/components/carousel-item/carousel-item.styles.d.ts.map +1 -1
  35. package/dts/components/carousel-nav/carousel-nav.d.ts +10 -0
  36. package/dts/components/carousel-nav/carousel-nav.d.ts.map +1 -1
  37. package/dts/components/carousel-nav/carousel-nav.styles.d.ts.map +1 -1
  38. package/dts/components/carousel-nav/carousel-nav.template.d.ts.map +1 -1
  39. package/dts/components/carousel-nav-item/carousel-nav-item.styles.d.ts.map +1 -1
  40. package/dts/components/carousel-viewport/carousel-viewport.d.ts +34 -0
  41. package/dts/components/carousel-viewport/carousel-viewport.d.ts.map +1 -0
  42. package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts +9 -0
  43. package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts.map +1 -0
  44. package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts +7 -0
  45. package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts.map +1 -0
  46. package/dts/components/carousel-viewport/carousel-viewport.template.d.ts +9 -0
  47. package/dts/components/carousel-viewport/carousel-viewport.template.d.ts.map +1 -0
  48. package/dts/components/carousel-viewport/define.d.ts +2 -0
  49. package/dts/components/carousel-viewport/define.d.ts.map +1 -0
  50. package/dts/components/carousel-viewport/index.d.ts +5 -0
  51. package/dts/components/carousel-viewport/index.d.ts.map +1 -0
  52. package/dts/components/checkbox/checkbox.definition.d.ts.map +1 -1
  53. package/dts/components/checkbox/checkbox.styles.d.ts +2 -0
  54. package/dts/components/checkbox/checkbox.styles.d.ts.map +1 -0
  55. package/dts/components/compound-button/compound-button.styles.d.ts.map +1 -1
  56. package/dts/components/counter-badge/counter-badge.definition.d.ts.map +1 -1
  57. package/dts/components/counter-badge/counter-badge.styles.d.ts +2 -0
  58. package/dts/components/counter-badge/counter-badge.styles.d.ts.map +1 -0
  59. package/dts/components/dialog/dialog.styles.d.ts.map +1 -1
  60. package/dts/components/dialog-body/dialog-body.definition.d.ts +1 -1
  61. package/dts/components/dialog-body/dialog-body.definition.d.ts.map +1 -1
  62. package/dts/components/dialog-body/dialog-body.styles.d.ts +2 -0
  63. package/dts/components/dialog-body/dialog-body.styles.d.ts.map +1 -0
  64. package/dts/components/divider/divider.styles.d.ts.map +1 -1
  65. package/dts/components/drawer/drawer.definition.d.ts.map +1 -1
  66. package/dts/components/drawer/drawer.styles.d.ts +2 -0
  67. package/dts/components/drawer/drawer.styles.d.ts.map +1 -0
  68. package/dts/components/drawer-body/drawer-body.definition.d.ts.map +1 -1
  69. package/dts/components/drawer-body/drawer-body.styles.d.ts +2 -0
  70. package/dts/components/drawer-body/drawer-body.styles.d.ts.map +1 -0
  71. package/dts/components/dropdown/dropdown.styles.d.ts.map +1 -1
  72. package/dts/components/dynamic-tab/define.d.ts +2 -0
  73. package/dts/components/dynamic-tab/define.d.ts.map +1 -0
  74. package/dts/components/dynamic-tab/dynamic-tab.d.ts +142 -0
  75. package/dts/components/dynamic-tab/dynamic-tab.d.ts.map +1 -0
  76. package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts +10 -0
  77. package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts.map +1 -0
  78. package/dts/components/dynamic-tab/dynamic-tab.options.d.ts +10 -0
  79. package/dts/components/dynamic-tab/dynamic-tab.options.d.ts.map +1 -0
  80. package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts +6 -0
  81. package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts.map +1 -0
  82. package/dts/components/dynamic-tab/dynamic-tab.template.d.ts +13 -0
  83. package/dts/components/dynamic-tab/dynamic-tab.template.d.ts.map +1 -0
  84. package/dts/components/dynamic-tab/index.d.ts +6 -0
  85. package/dts/components/dynamic-tab/index.d.ts.map +1 -0
  86. package/dts/components/dynamic-tab-list/define.d.ts +2 -0
  87. package/dts/components/dynamic-tab-list/define.d.ts.map +1 -0
  88. package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts +360 -0
  89. package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts.map +1 -0
  90. package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts +7 -0
  91. package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts.map +1 -0
  92. package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts +24 -0
  93. package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts.map +1 -0
  94. package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts +6 -0
  95. package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts.map +1 -0
  96. package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts +13 -0
  97. package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts.map +1 -0
  98. package/dts/components/dynamic-tab-list/index.d.ts +7 -0
  99. package/dts/components/dynamic-tab-list/index.d.ts.map +1 -0
  100. package/dts/components/empty-state/define.d.ts +2 -0
  101. package/dts/components/empty-state/define.d.ts.map +1 -0
  102. package/dts/components/empty-state/empty-state.d.ts +32 -0
  103. package/dts/components/empty-state/empty-state.d.ts.map +1 -0
  104. package/dts/components/empty-state/empty-state.definition.d.ts +10 -0
  105. package/dts/components/empty-state/empty-state.definition.d.ts.map +1 -0
  106. package/dts/components/empty-state/empty-state.styles.d.ts +6 -0
  107. package/dts/components/empty-state/empty-state.styles.d.ts.map +1 -0
  108. package/dts/components/empty-state/empty-state.template.d.ts +9 -0
  109. package/dts/components/empty-state/empty-state.template.d.ts.map +1 -0
  110. package/dts/components/empty-state/index.d.ts +5 -0
  111. package/dts/components/empty-state/index.d.ts.map +1 -0
  112. package/dts/components/field/field.styles.d.ts.map +1 -1
  113. package/dts/components/filter-pill/filter-pill.styles.d.ts.map +1 -1
  114. package/dts/components/image/image.definition.d.ts.map +1 -1
  115. package/dts/components/image/image.styles.d.ts +2 -0
  116. package/dts/components/image/image.styles.d.ts.map +1 -0
  117. package/dts/components/label/label.definition.d.ts.map +1 -1
  118. package/dts/components/label/label.styles.d.ts +2 -0
  119. package/dts/components/label/label.styles.d.ts.map +1 -0
  120. package/dts/components/link/link.styles.d.ts +2 -0
  121. package/dts/components/link/link.styles.d.ts.map +1 -0
  122. package/dts/components/listbox/listbox.styles.d.ts.map +1 -1
  123. package/dts/components/loading-button/loading-button.styles.d.ts.map +1 -1
  124. package/dts/components/menu/menu.styles.d.ts.map +1 -1
  125. package/dts/components/menu-button/menu-button.d.ts +2 -2
  126. package/dts/components/menu-button/menu-button.definition.d.ts.map +1 -1
  127. package/dts/components/menu-button/menu-button.styles.d.ts +11 -0
  128. package/dts/components/menu-button/menu-button.styles.d.ts.map +1 -0
  129. package/dts/components/menu-item/menu-item.styles.d.ts.map +1 -1
  130. package/dts/components/menu-list/menu-list.d.ts.map +1 -1
  131. package/dts/components/menu-list/menu-list.styles.d.ts.map +1 -1
  132. package/dts/components/message-bar/message-bar.definition.d.ts.map +1 -1
  133. package/dts/components/message-bar/message-bar.styles.d.ts +2 -0
  134. package/dts/components/message-bar/message-bar.styles.d.ts.map +1 -0
  135. package/dts/components/modal/define.d.ts +4 -0
  136. package/dts/components/modal/define.d.ts.map +1 -0
  137. package/dts/components/modal/index.d.ts +9 -0
  138. package/dts/components/modal/index.d.ts.map +1 -0
  139. package/dts/components/modal/modal.d.ts +209 -0
  140. package/dts/components/modal/modal.d.ts.map +1 -0
  141. package/dts/components/modal/modal.definition.d.ts +9 -0
  142. package/dts/components/modal/modal.definition.d.ts.map +1 -0
  143. package/dts/components/modal/modal.events.d.ts +26 -0
  144. package/dts/components/modal/modal.events.d.ts.map +1 -0
  145. package/dts/components/modal/modal.options.d.ts +15 -0
  146. package/dts/components/modal/modal.options.d.ts.map +1 -0
  147. package/dts/components/modal/modal.styles.d.ts +10 -0
  148. package/dts/components/modal/modal.styles.d.ts.map +1 -0
  149. package/dts/components/modal/modal.template.d.ts +12 -0
  150. package/dts/components/modal/modal.template.d.ts.map +1 -0
  151. package/dts/components/modal-fre-item/define.d.ts +2 -0
  152. package/dts/components/modal-fre-item/define.d.ts.map +1 -0
  153. package/dts/components/modal-fre-item/index.d.ts +3 -0
  154. package/dts/components/modal-fre-item/index.d.ts.map +1 -0
  155. package/dts/components/modal-fre-item/modal-fre-item.d.ts +65 -0
  156. package/dts/components/modal-fre-item/modal-fre-item.d.ts.map +1 -0
  157. package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts +10 -0
  158. package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts.map +1 -0
  159. package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts +7 -0
  160. package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts.map +1 -0
  161. package/dts/components/modal-fre-item/modal-fre-item.template.d.ts +11 -0
  162. package/dts/components/modal-fre-item/modal-fre-item.template.d.ts.map +1 -0
  163. package/dts/components/multi-view/multi-view.styles.d.ts.map +1 -1
  164. package/dts/components/multi-view-controller/multi-view-controller.styles.d.ts.map +1 -1
  165. package/dts/components/multi-view-group/multi-view-group.styles.d.ts.map +1 -1
  166. package/dts/components/option/option.definition.d.ts.map +1 -1
  167. package/dts/components/option/option.styles.d.ts +2 -0
  168. package/dts/components/option/option.styles.d.ts.map +1 -0
  169. package/dts/components/option-group/option-group.styles.d.ts.map +1 -1
  170. package/dts/components/overflow/overflow.styles.d.ts.map +1 -1
  171. package/dts/components/overflow-divider/overflow-divider.styles.d.ts.map +1 -1
  172. package/dts/components/overflow-item/overflow-item.styles.d.ts.map +1 -1
  173. package/dts/components/pagination/pagination.styles.d.ts.map +1 -1
  174. package/dts/components/popover/popover.styles.d.ts.map +1 -1
  175. package/dts/components/progress-bar/progress-bar.definition.d.ts.map +1 -1
  176. package/dts/components/progress-bar/progress-bar.styles.d.ts +2 -0
  177. package/dts/components/progress-bar/progress-bar.styles.d.ts.map +1 -0
  178. package/dts/components/radio/radio.definition.d.ts.map +1 -1
  179. package/dts/components/radio/radio.styles.d.ts +2 -0
  180. package/dts/components/radio/radio.styles.d.ts.map +1 -0
  181. package/dts/components/radio-group/radio-group.definition.d.ts.map +1 -1
  182. package/dts/components/radio-group/radio-group.styles.d.ts +2 -0
  183. package/dts/components/radio-group/radio-group.styles.d.ts.map +1 -0
  184. package/dts/components/rating-display/rating-display.definition.d.ts.map +1 -1
  185. package/dts/components/rating-display/rating-display.styles.d.ts +2 -0
  186. package/dts/components/rating-display/rating-display.styles.d.ts.map +1 -0
  187. package/dts/components/search-box/search-box.styles.d.ts.map +1 -1
  188. package/dts/components/simple-table/simple-table.styles.d.ts.map +1 -1
  189. package/dts/components/slider/slider.styles.d.ts.map +1 -1
  190. package/dts/components/spin-button/spin-button.styles.d.ts.map +1 -1
  191. package/dts/components/spinner/spinner.definition.d.ts.map +1 -1
  192. package/dts/components/spinner/spinner.styles.d.ts +2 -0
  193. package/dts/components/spinner/spinner.styles.d.ts.map +1 -0
  194. package/dts/components/styles/patterns/patterns.d.ts +8 -0
  195. package/dts/components/styles/patterns/patterns.d.ts.map +1 -0
  196. package/dts/components/svg-icon/svg-icon.styles.d.ts.map +1 -1
  197. package/dts/components/switch/switch.definition.d.ts.map +1 -1
  198. package/dts/components/switch/switch.styles.d.ts +2 -0
  199. package/dts/components/switch/switch.styles.d.ts.map +1 -0
  200. package/dts/components/tab/tab.definition.d.ts.map +1 -1
  201. package/dts/components/tab/tab.styles.d.ts +2 -0
  202. package/dts/components/tab/tab.styles.d.ts.map +1 -0
  203. package/dts/components/table/table.styles.d.ts.map +1 -1
  204. package/dts/components/table-cell/table-cell.styles.d.ts.map +1 -1
  205. package/dts/components/tablist/tablist.definition.d.ts.map +1 -1
  206. package/dts/components/tablist/tablist.styles.d.ts +2 -0
  207. package/dts/components/tablist/tablist.styles.d.ts.map +1 -0
  208. package/dts/components/tag/tag.styles.d.ts.map +1 -1
  209. package/dts/components/teaching-bubble/teaching-bubble.styles.d.ts.map +1 -1
  210. package/dts/components/text/text.definition.d.ts.map +1 -1
  211. package/dts/components/text/text.styles.d.ts +2 -0
  212. package/dts/components/text/text.styles.d.ts.map +1 -0
  213. package/dts/components/text-input/text-input.styles.d.ts.map +1 -1
  214. package/dts/components/textarea/textarea.definition.d.ts +1 -1
  215. package/dts/components/textarea/textarea.definition.d.ts.map +1 -1
  216. package/dts/components/textarea/textarea.styles.d.ts +2 -0
  217. package/dts/components/textarea/textarea.styles.d.ts.map +1 -0
  218. package/dts/components/toggle-button/toggle-button.definition.d.ts.map +1 -1
  219. package/dts/components/toggle-button/toggle-button.styles.d.ts +2 -0
  220. package/dts/components/toggle-button/toggle-button.styles.d.ts.map +1 -0
  221. package/dts/components/tooltip/tooltip.definition.d.ts.map +1 -1
  222. package/dts/components/tooltip/tooltip.styles.d.ts +2 -0
  223. package/dts/components/tooltip/tooltip.styles.d.ts.map +1 -0
  224. package/dts/components/tree/tree.definition.d.ts +1 -1
  225. package/dts/components/tree/tree.definition.d.ts.map +1 -1
  226. package/dts/components/tree/tree.styles.d.ts +2 -0
  227. package/dts/components/tree/tree.styles.d.ts.map +1 -0
  228. package/dts/components/tree-item/tree-item.styles.d.ts.map +1 -1
  229. package/dts/components/wizard/wizard.styles.d.ts.map +1 -1
  230. package/dts/components/wizard-panel/wizard-panel.styles.d.ts.map +1 -1
  231. package/dts/components/wizard-step/wizard-step.styles.d.ts.map +1 -1
  232. package/dts/index.d.ts +7 -0
  233. package/dts/index.d.ts.map +1 -1
  234. package/dts/util/a11y-playwright-utils.d.ts +10 -0
  235. package/dts/util/a11y-playwright-utils.d.ts.map +1 -0
  236. package/dts/util/carousel-controller.d.ts +120 -0
  237. package/dts/util/carousel-controller.d.ts.map +1 -0
  238. package/dts/util/icons.d.ts +15 -0
  239. package/dts/util/icons.d.ts.map +1 -1
  240. package/dts/util/index.d.ts +1 -0
  241. package/dts/util/index.d.ts.map +1 -1
  242. package/esm/components/accordion/accordion.definition.js +3 -2
  243. package/esm/components/accordion/accordion.definition.js.map +1 -1
  244. package/esm/components/accordion/accordion.styles.js +10 -0
  245. package/esm/components/accordion/accordion.styles.js.map +1 -0
  246. package/esm/components/accordion-item/accordion-item.definition.js +3 -2
  247. package/esm/components/accordion-item/accordion-item.definition.js.map +1 -1
  248. package/esm/components/accordion-item/accordion-item.styles.js +10 -0
  249. package/esm/components/accordion-item/accordion-item.styles.js.map +1 -0
  250. package/esm/components/accordion-menu/accordion-menu.styles.js +1 -1
  251. package/esm/components/accordion-menu/accordion-menu.styles.js.map +1 -1
  252. package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +2 -2
  253. package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js.map +1 -1
  254. package/esm/components/anchor-button/anchor-button.definition.js +3 -2
  255. package/esm/components/anchor-button/anchor-button.definition.js.map +1 -1
  256. package/esm/components/anchor-button/anchor-button.styles.js +10 -0
  257. package/esm/components/anchor-button/anchor-button.styles.js.map +1 -0
  258. package/esm/components/avatar/avatar.definition.js +3 -2
  259. package/esm/components/avatar/avatar.definition.js.map +1 -1
  260. package/esm/components/avatar/avatar.styles.js +10 -0
  261. package/esm/components/avatar/avatar.styles.js.map +1 -0
  262. package/esm/components/badge/badge.definition.js +3 -2
  263. package/esm/components/badge/badge.definition.js.map +1 -1
  264. package/esm/components/badge/badge.styles.js +10 -0
  265. package/esm/components/badge/badge.styles.js.map +1 -0
  266. package/esm/components/button/button.styles.js +3 -1
  267. package/esm/components/button/button.styles.js.map +1 -1
  268. package/esm/components/card/card.styles.js +1 -1
  269. package/esm/components/card/card.styles.js.map +1 -1
  270. package/esm/components/card-carousel/card-carousel.styles.js +1 -1
  271. package/esm/components/card-carousel/card-carousel.styles.js.map +1 -1
  272. package/esm/components/card-footer/card-footer.styles.js +1 -1
  273. package/esm/components/card-footer/card-footer.styles.js.map +1 -1
  274. package/esm/components/card-header/card-header.styles.js +1 -1
  275. package/esm/components/card-header/card-header.styles.js.map +1 -1
  276. package/esm/components/card-preview/card-preview.styles.js +1 -1
  277. package/esm/components/card-preview/card-preview.styles.js.map +1 -1
  278. package/esm/components/carousel/carousel.definition.js +25 -2
  279. package/esm/components/carousel/carousel.definition.js.map +1 -1
  280. package/esm/components/carousel/carousel.js +30 -98
  281. package/esm/components/carousel/carousel.js.map +1 -1
  282. package/esm/components/carousel/carousel.styles.js +2 -2
  283. package/esm/components/carousel/carousel.styles.js.map +1 -1
  284. package/esm/components/carousel/carousel.template.js +3 -3
  285. package/esm/components/carousel/carousel.template.js.map +1 -1
  286. package/esm/components/carousel/define.js +3 -26
  287. package/esm/components/carousel/define.js.map +1 -1
  288. package/esm/components/carousel/index.js +1 -2
  289. package/esm/components/carousel/index.js.map +1 -1
  290. package/esm/components/carousel-item/carousel-item.styles.js +1 -1
  291. package/esm/components/carousel-item/carousel-item.styles.js.map +1 -1
  292. package/esm/components/carousel-item/carousel-item.template.js +1 -1
  293. package/esm/components/carousel-item/carousel-item.template.js.map +1 -1
  294. package/esm/components/carousel-nav/carousel-nav.js +12 -0
  295. package/esm/components/carousel-nav/carousel-nav.js.map +1 -1
  296. package/esm/components/carousel-nav/carousel-nav.styles.js +2 -1
  297. package/esm/components/carousel-nav/carousel-nav.styles.js.map +1 -1
  298. package/esm/components/carousel-nav/carousel-nav.template.js +4 -3
  299. package/esm/components/carousel-nav/carousel-nav.template.js.map +1 -1
  300. package/esm/components/carousel-nav-item/carousel-nav-item.styles.js +2 -1
  301. package/esm/components/carousel-nav-item/carousel-nav-item.styles.js.map +1 -1
  302. package/esm/components/carousel-viewport/carousel-viewport.definition.js +21 -0
  303. package/esm/components/carousel-viewport/carousel-viewport.definition.js.map +1 -0
  304. package/esm/components/carousel-viewport/carousel-viewport.js +37 -0
  305. package/esm/components/carousel-viewport/carousel-viewport.js.map +1 -0
  306. package/esm/components/carousel-viewport/carousel-viewport.styles.js +11 -0
  307. package/esm/components/carousel-viewport/carousel-viewport.styles.js.map +1 -0
  308. package/esm/components/carousel-viewport/carousel-viewport.template.js +15 -0
  309. package/esm/components/carousel-viewport/carousel-viewport.template.js.map +1 -0
  310. package/esm/components/carousel-viewport/define.js +4 -0
  311. package/esm/components/carousel-viewport/define.js.map +1 -0
  312. package/esm/components/carousel-viewport/index.js +5 -0
  313. package/esm/components/carousel-viewport/index.js.map +1 -0
  314. package/esm/components/checkbox/checkbox.definition.js +3 -2
  315. package/esm/components/checkbox/checkbox.definition.js.map +1 -1
  316. package/esm/components/checkbox/checkbox.styles.js +10 -0
  317. package/esm/components/checkbox/checkbox.styles.js.map +1 -0
  318. package/esm/components/compound-button/compound-button.styles.js +2 -1
  319. package/esm/components/compound-button/compound-button.styles.js.map +1 -1
  320. package/esm/components/counter-badge/counter-badge.definition.js +3 -2
  321. package/esm/components/counter-badge/counter-badge.definition.js.map +1 -1
  322. package/esm/components/counter-badge/counter-badge.styles.js +10 -0
  323. package/esm/components/counter-badge/counter-badge.styles.js.map +1 -0
  324. package/esm/components/dialog/dialog.styles.js +2 -1
  325. package/esm/components/dialog/dialog.styles.js.map +1 -1
  326. package/esm/components/dialog-body/dialog-body.definition.js +3 -2
  327. package/esm/components/dialog-body/dialog-body.definition.js.map +1 -1
  328. package/esm/components/dialog-body/dialog-body.styles.js +9 -0
  329. package/esm/components/dialog-body/dialog-body.styles.js.map +1 -0
  330. package/esm/components/divider/divider.styles.js +2 -1
  331. package/esm/components/divider/divider.styles.js.map +1 -1
  332. package/esm/components/drawer/drawer.definition.js +3 -2
  333. package/esm/components/drawer/drawer.definition.js.map +1 -1
  334. package/esm/components/drawer/drawer.styles.js +9 -0
  335. package/esm/components/drawer/drawer.styles.js.map +1 -0
  336. package/esm/components/drawer-body/drawer-body.definition.js +3 -2
  337. package/esm/components/drawer-body/drawer-body.definition.js.map +1 -1
  338. package/esm/components/drawer-body/drawer-body.styles.js +9 -0
  339. package/esm/components/drawer-body/drawer-body.styles.js.map +1 -0
  340. package/esm/components/dropdown/dropdown.styles.js +1 -1
  341. package/esm/components/dropdown/dropdown.styles.js.map +1 -1
  342. package/esm/components/dynamic-tab/define.js +4 -0
  343. package/esm/components/dynamic-tab/define.js.map +1 -0
  344. package/esm/components/dynamic-tab/dynamic-tab.definition.js +27 -0
  345. package/esm/components/dynamic-tab/dynamic-tab.definition.js.map +1 -0
  346. package/esm/components/dynamic-tab/dynamic-tab.js +232 -0
  347. package/esm/components/dynamic-tab/dynamic-tab.js.map +1 -0
  348. package/esm/components/dynamic-tab/dynamic-tab.options.js +11 -0
  349. package/esm/components/dynamic-tab/dynamic-tab.options.js.map +1 -0
  350. package/esm/components/dynamic-tab/dynamic-tab.styles.js +13 -0
  351. package/esm/components/dynamic-tab/dynamic-tab.styles.js.map +1 -0
  352. package/esm/components/dynamic-tab/dynamic-tab.template.js +18 -0
  353. package/esm/components/dynamic-tab/dynamic-tab.template.js.map +1 -0
  354. package/esm/components/dynamic-tab/index.js +6 -0
  355. package/esm/components/dynamic-tab/index.js.map +1 -0
  356. package/esm/components/dynamic-tab-list/define.js +12 -0
  357. package/esm/components/dynamic-tab-list/define.js.map +1 -0
  358. package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js +19 -0
  359. package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js.map +1 -0
  360. package/esm/components/dynamic-tab-list/dynamic-tab-list.js +788 -0
  361. package/esm/components/dynamic-tab-list/dynamic-tab-list.js.map +1 -0
  362. package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js +19 -0
  363. package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js.map +1 -0
  364. package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js +11 -0
  365. package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js.map +1 -0
  366. package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js +41 -0
  367. package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js.map +1 -0
  368. package/esm/components/dynamic-tab-list/index.js +6 -0
  369. package/esm/components/dynamic-tab-list/index.js.map +1 -0
  370. package/esm/components/empty-state/define.js +4 -0
  371. package/esm/components/empty-state/define.js.map +1 -0
  372. package/esm/components/empty-state/empty-state.definition.js +22 -0
  373. package/esm/components/empty-state/empty-state.definition.js.map +1 -0
  374. package/esm/components/empty-state/empty-state.js +33 -0
  375. package/esm/components/empty-state/empty-state.js.map +1 -0
  376. package/esm/components/empty-state/empty-state.styles.js +11 -0
  377. package/esm/components/empty-state/empty-state.styles.js.map +1 -0
  378. package/esm/components/empty-state/empty-state.template.js +12 -0
  379. package/esm/components/empty-state/empty-state.template.js.map +1 -0
  380. package/esm/components/empty-state/index.js +5 -0
  381. package/esm/components/empty-state/index.js.map +1 -0
  382. package/esm/components/field/field.styles.js +2 -1
  383. package/esm/components/field/field.styles.js.map +1 -1
  384. package/esm/components/filter-pill/filter-pill.styles.js +2 -1
  385. package/esm/components/filter-pill/filter-pill.styles.js.map +1 -1
  386. package/esm/components/image/image.definition.js +3 -2
  387. package/esm/components/image/image.definition.js.map +1 -1
  388. package/esm/components/image/image.styles.js +9 -0
  389. package/esm/components/image/image.styles.js.map +1 -0
  390. package/esm/components/label/label.definition.js +3 -2
  391. package/esm/components/label/label.definition.js.map +1 -1
  392. package/esm/components/label/label.styles.js +9 -0
  393. package/esm/components/label/label.styles.js.map +1 -0
  394. package/esm/components/link/link.definition.js +2 -2
  395. package/esm/components/link/link.definition.js.map +1 -1
  396. package/esm/components/link/link.styles.js +9 -0
  397. package/esm/components/link/link.styles.js.map +1 -0
  398. package/esm/components/listbox/listbox.styles.js +6 -1
  399. package/esm/components/listbox/listbox.styles.js.map +1 -1
  400. package/esm/components/loading-button/loading-button.styles.js +3 -1
  401. package/esm/components/loading-button/loading-button.styles.js.map +1 -1
  402. package/esm/components/menu/menu.styles.js +1 -1
  403. package/esm/components/menu/menu.styles.js.map +1 -1
  404. package/esm/components/menu-button/menu-button.definition.js +5 -2
  405. package/esm/components/menu-button/menu-button.definition.js.map +1 -1
  406. package/esm/components/menu-button/menu-button.js +2 -2
  407. package/esm/components/menu-button/menu-button.styles.js +18 -0
  408. package/esm/components/menu-button/menu-button.styles.js.map +1 -0
  409. package/esm/components/menu-item/menu-item.styles.js +4 -4
  410. package/esm/components/menu-item/menu-item.styles.js.map +1 -1
  411. package/esm/components/menu-list/menu-list.js +3 -3
  412. package/esm/components/menu-list/menu-list.js.map +1 -1
  413. package/esm/components/menu-list/menu-list.styles.js +2 -2
  414. package/esm/components/menu-list/menu-list.styles.js.map +1 -1
  415. package/esm/components/menu-list/menu-list.template.js +1 -1
  416. package/esm/components/menu-list/menu-list.template.js.map +1 -1
  417. package/esm/components/message-bar/message-bar.definition.js +3 -2
  418. package/esm/components/message-bar/message-bar.definition.js.map +1 -1
  419. package/esm/components/message-bar/message-bar.styles.js +9 -0
  420. package/esm/components/message-bar/message-bar.styles.js.map +1 -0
  421. package/esm/components/modal/define.js +9 -0
  422. package/esm/components/modal/define.js.map +1 -0
  423. package/esm/components/modal/index.js +7 -0
  424. package/esm/components/modal/index.js.map +1 -0
  425. package/esm/components/modal/modal.definition.js +29 -0
  426. package/esm/components/modal/modal.definition.js.map +1 -0
  427. package/esm/components/modal/modal.events.js +11 -0
  428. package/esm/components/modal/modal.events.js.map +1 -0
  429. package/esm/components/modal/modal.js +369 -0
  430. package/esm/components/modal/modal.js.map +1 -0
  431. package/esm/components/modal/modal.options.js +10 -0
  432. package/esm/components/modal/modal.options.js.map +1 -0
  433. package/esm/components/modal/modal.styles.js +14 -0
  434. package/esm/components/modal/modal.styles.js.map +1 -0
  435. package/esm/components/modal/modal.template.js +23 -0
  436. package/esm/components/modal/modal.template.js.map +1 -0
  437. package/esm/components/modal-fre-item/define.js +4 -0
  438. package/esm/components/modal-fre-item/define.js.map +1 -0
  439. package/esm/components/modal-fre-item/index.js +3 -0
  440. package/esm/components/modal-fre-item/index.js.map +1 -0
  441. package/esm/components/modal-fre-item/modal-fre-item.definition.js +27 -0
  442. package/esm/components/modal-fre-item/modal-fre-item.definition.js.map +1 -0
  443. package/esm/components/modal-fre-item/modal-fre-item.js +72 -0
  444. package/esm/components/modal-fre-item/modal-fre-item.js.map +1 -0
  445. package/esm/components/modal-fre-item/modal-fre-item.styles.js +11 -0
  446. package/esm/components/modal-fre-item/modal-fre-item.styles.js.map +1 -0
  447. package/esm/components/modal-fre-item/modal-fre-item.template.js +16 -0
  448. package/esm/components/modal-fre-item/modal-fre-item.template.js.map +1 -0
  449. package/esm/components/multi-view/multi-view.styles.js +1 -1
  450. package/esm/components/multi-view/multi-view.styles.js.map +1 -1
  451. package/esm/components/multi-view-controller/multi-view-controller.styles.js +1 -1
  452. package/esm/components/multi-view-controller/multi-view-controller.styles.js.map +1 -1
  453. package/esm/components/multi-view-group/multi-view-group.styles.js +1 -1
  454. package/esm/components/multi-view-group/multi-view-group.styles.js.map +1 -1
  455. package/esm/components/option/option.definition.js +3 -2
  456. package/esm/components/option/option.definition.js.map +1 -1
  457. package/esm/components/option/option.styles.js +9 -0
  458. package/esm/components/option/option.styles.js.map +1 -0
  459. package/esm/components/option-group/option-group.styles.js +1 -1
  460. package/esm/components/option-group/option-group.styles.js.map +1 -1
  461. package/esm/components/overflow/overflow.styles.js +1 -1
  462. package/esm/components/overflow/overflow.styles.js.map +1 -1
  463. package/esm/components/overflow-divider/overflow-divider.styles.js +1 -1
  464. package/esm/components/overflow-divider/overflow-divider.styles.js.map +1 -1
  465. package/esm/components/overflow-item/overflow-item.styles.js +1 -1
  466. package/esm/components/overflow-item/overflow-item.styles.js.map +1 -1
  467. package/esm/components/pagination/pagination.styles.js +1 -1
  468. package/esm/components/pagination/pagination.styles.js.map +1 -1
  469. package/esm/components/popover/popover.styles.js +1 -1
  470. package/esm/components/popover/popover.styles.js.map +1 -1
  471. package/esm/components/progress-bar/progress-bar.definition.js +3 -2
  472. package/esm/components/progress-bar/progress-bar.definition.js.map +1 -1
  473. package/esm/components/progress-bar/progress-bar.styles.js +9 -0
  474. package/esm/components/progress-bar/progress-bar.styles.js.map +1 -0
  475. package/esm/components/radio/radio.definition.js +3 -2
  476. package/esm/components/radio/radio.definition.js.map +1 -1
  477. package/esm/components/radio/radio.styles.js +9 -0
  478. package/esm/components/radio/radio.styles.js.map +1 -0
  479. package/esm/components/radio-group/radio-group.definition.js +3 -2
  480. package/esm/components/radio-group/radio-group.definition.js.map +1 -1
  481. package/esm/components/radio-group/radio-group.styles.js +9 -0
  482. package/esm/components/radio-group/radio-group.styles.js.map +1 -0
  483. package/esm/components/rating-display/rating-display.definition.js +3 -2
  484. package/esm/components/rating-display/rating-display.definition.js.map +1 -1
  485. package/esm/components/rating-display/rating-display.styles.js +9 -0
  486. package/esm/components/rating-display/rating-display.styles.js.map +1 -0
  487. package/esm/components/search-box/search-box.styles.js +1 -1
  488. package/esm/components/search-box/search-box.styles.js.map +1 -1
  489. package/esm/components/simple-table/simple-table.styles.js +2 -1
  490. package/esm/components/simple-table/simple-table.styles.js.map +1 -1
  491. package/esm/components/slider/slider.styles.js +1 -1
  492. package/esm/components/slider/slider.styles.js.map +1 -1
  493. package/esm/components/spin-button/spin-button.styles.js +1 -1
  494. package/esm/components/spin-button/spin-button.styles.js.map +1 -1
  495. package/esm/components/spinner/spinner.definition.js +3 -2
  496. package/esm/components/spinner/spinner.definition.js.map +1 -1
  497. package/esm/components/spinner/spinner.styles.js +9 -0
  498. package/esm/components/spinner/spinner.styles.js.map +1 -0
  499. package/esm/components/styles/patterns/patterns.js +11 -0
  500. package/esm/components/styles/patterns/patterns.js.map +1 -0
  501. package/esm/components/svg-icon/svg-icon.styles.js +1 -1
  502. package/esm/components/svg-icon/svg-icon.styles.js.map +1 -1
  503. package/esm/components/switch/switch.definition.js +3 -2
  504. package/esm/components/switch/switch.definition.js.map +1 -1
  505. package/esm/components/switch/switch.styles.js +9 -0
  506. package/esm/components/switch/switch.styles.js.map +1 -0
  507. package/esm/components/tab/tab.definition.js +3 -2
  508. package/esm/components/tab/tab.definition.js.map +1 -1
  509. package/esm/components/tab/tab.styles.js +9 -0
  510. package/esm/components/tab/tab.styles.js.map +1 -0
  511. package/esm/components/table/table.styles.js +1 -1
  512. package/esm/components/table/table.styles.js.map +1 -1
  513. package/esm/components/table-cell/table-cell.styles.js +1 -1
  514. package/esm/components/table-cell/table-cell.styles.js.map +1 -1
  515. package/esm/components/tablist/tablist.definition.js +3 -2
  516. package/esm/components/tablist/tablist.definition.js.map +1 -1
  517. package/esm/components/tablist/tablist.styles.js +9 -0
  518. package/esm/components/tablist/tablist.styles.js.map +1 -0
  519. package/esm/components/tag/tag.styles.js +1 -1
  520. package/esm/components/tag/tag.styles.js.map +1 -1
  521. package/esm/components/teaching-bubble/teaching-bubble.styles.js +1 -1
  522. package/esm/components/teaching-bubble/teaching-bubble.styles.js.map +1 -1
  523. package/esm/components/text/text.definition.js +4 -3
  524. package/esm/components/text/text.definition.js.map +1 -1
  525. package/esm/components/text/text.styles.js +9 -0
  526. package/esm/components/text/text.styles.js.map +1 -0
  527. package/esm/components/text-input/text-input.styles.js +1 -1
  528. package/esm/components/text-input/text-input.styles.js.map +1 -1
  529. package/esm/components/textarea/textarea.definition.js +3 -2
  530. package/esm/components/textarea/textarea.definition.js.map +1 -1
  531. package/esm/components/textarea/textarea.styles.js +9 -0
  532. package/esm/components/textarea/textarea.styles.js.map +1 -0
  533. package/esm/components/toggle-button/toggle-button.definition.js +3 -2
  534. package/esm/components/toggle-button/toggle-button.definition.js.map +1 -1
  535. package/esm/components/toggle-button/toggle-button.styles.js +9 -0
  536. package/esm/components/toggle-button/toggle-button.styles.js.map +1 -0
  537. package/esm/components/tooltip/tooltip.definition.js +3 -2
  538. package/esm/components/tooltip/tooltip.definition.js.map +1 -1
  539. package/esm/components/tooltip/tooltip.styles.js +9 -0
  540. package/esm/components/tooltip/tooltip.styles.js.map +1 -0
  541. package/esm/components/tree/tree.definition.js +4 -3
  542. package/esm/components/tree/tree.definition.js.map +1 -1
  543. package/esm/components/tree/tree.styles.js +9 -0
  544. package/esm/components/tree/tree.styles.js.map +1 -0
  545. package/esm/components/tree-item/tree-item.styles.js +1 -1
  546. package/esm/components/tree-item/tree-item.styles.js.map +1 -1
  547. package/esm/components/wizard/wizard.styles.js +1 -1
  548. package/esm/components/wizard/wizard.styles.js.map +1 -1
  549. package/esm/components/wizard-panel/wizard-panel.styles.js +1 -1
  550. package/esm/components/wizard-panel/wizard-panel.styles.js.map +1 -1
  551. package/esm/components/wizard-step/wizard-step.styles.js +1 -1
  552. package/esm/components/wizard-step/wizard-step.styles.js.map +1 -1
  553. package/esm/index.js +26 -2
  554. package/esm/index.js.map +1 -1
  555. package/esm/util/a11y-playwright-utils.js +93 -0
  556. package/esm/util/a11y-playwright-utils.js.map +1 -0
  557. package/esm/util/carousel-controller.js +153 -0
  558. package/esm/util/carousel-controller.js.map +1 -0
  559. package/esm/util/icons.js +16 -1
  560. package/esm/util/icons.js.map +1 -1
  561. package/esm/util/index.js +1 -0
  562. package/esm/util/index.js.map +1 -1
  563. package/index.d.ts +1504 -421
  564. package/index.d.ts.map +1 -1
  565. package/index.js +4522 -2432
  566. package/index.js.map +1 -1
  567. package/index.min.js +195 -93
  568. package/index.min.js.map +1 -1
  569. package/package.json +4 -4
package/index.min.js CHANGED
@@ -1,42 +1,45 @@
1
- import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerticalXXL as i,sizeHorizontalXXL as n,sizeHorizontalM as s,sizeVerticalM as r,sizeHorizontalL as a,sizeVerticalL as l}from"@fabric-msft/theme";export{fabricDarkTheme,fabricLightTheme,setTheme,sizeHorizontalL,sizeHorizontalM,sizeHorizontalMNudge,sizeHorizontalNone,sizeHorizontalS,sizeHorizontalSNudge,sizeHorizontalXL,sizeHorizontalXS,sizeHorizontalXXL,sizeHorizontalXXS,sizeHorizontalXXXL,sizeVerticalL,sizeVerticalM,sizeVerticalMNudge,sizeVerticalNone,sizeVerticalS,sizeVerticalSNudge,sizeVerticalXL,sizeVerticalXS,sizeVerticalXXL,sizeVerticalXXS,sizeVerticalXXXL,webDarkTheme,webLightTheme}from"@fabric-msft/theme";import{spacingHorizontalXL as d,spacingHorizontalL as c,spacingVerticalXXS as h,display as u,borderRadiusMedium as p,colorStrokeFocus2 as m,spacingHorizontalS as v,typographyCaption1StrongStyles as b,spacingHorizontalMNudge as g,spacingHorizontalXS as f,colorNeutralForeground3 as w,colorTransparentBackground as y,colorNeutralForegroundDisabled as $,fontSizeBase200 as x,lineHeightBase200 as C,fontSizeBase400 as k,lineHeightBase400 as I,fontSizeBase500 as E,lineHeightBase500 as S,spacingHorizontalXXS as L,spacingHorizontalSNudge as M,strokeWidthThin as P,colorNeutralStroke2 as z,fontFamilyBase as R,shadow4 as A,colorBrandBackground2 as O,strokeWidthThick as T,colorTransparentStroke as D,colorNeutralBackground1 as B,colorNeutralBackground2 as V,colorNeutralStroke1 as _,colorSubtleBackground as H,colorNeutralBackground1Hover as F,colorTransparentStrokeInteractive as N,shadow8 as j,colorNeutralBackground1Pressed as q,colorNeutralBackground2Hover as X,colorNeutralBackground2Pressed as K,colorTransparentBackgroundHover as W,colorNeutralStroke1Hover as Y,colorTransparentBackgroundPressed as G,colorNeutralStroke1Pressed as U,colorSubtleBackgroundHover as Z,colorSubtleBackgroundPressed as Q,colorNeutralBackground1Selected as J,colorSubtleBackgroundSelected as ee,colorNeutralStroke1Selected as te,colorTransparentBackgroundSelected as oe,colorNeutralBackground2Selected as ie,colorNeutralBackgroundDisabled as ne,colorTransparentStrokeDisabled as se,shadow2 as re,spacingHorizontalM as ae,spacingVerticalS as le,fontSizeBase300 as de,fontWeightSemibold as ce,fontWeightRegular as he,spacingVerticalM as ue,spacingHorizontalXXL as pe,colorNeutralForeground1 as me,borderRadiusSmall as ve,spacingVerticalXXL as be,borderRadiusCircular as ge,colorNeutralForeground2 as fe,durationFast as we,curveEasyEase as ye,durationNormal as $e,fontWeightBold as xe,BaseButton as Ce,ButtonAppearance as ke,ButtonFormTarget as Ie,ButtonShape as Ee,ButtonSize as Se,ButtonType as Le,ButtonStyles as Me,colorBrandBackground as Pe,colorNeutralForegroundOnBrand as ze,colorNeutralStrokeOnBrand as Re,colorBrandBackgroundHover as Ae,colorBrandBackgroundPressed as Oe,colorNeutralForeground1Hover as Te,colorNeutralForeground1Pressed as De,ButtonTemplate as Be,colorNeutralBackground4 as Ve,spacingHorizontalXXXL as _e,lineHeightBase300 as He,durationFaster as Fe,fontSizeBase600 as Ne,spacingVerticalXXXL as je,borderRadiusLarge as qe,borderRadiusNone as Xe,colorNeutralBackground4Hover as Ke,colorNeutralBackgroundInverted as We,colorNeutralForeground2Hover as Ye,colorNeutralForeground2Pressed as Ge,colorNeutralForeground2BrandHover as Ue,colorNeutralForeground2BrandPressed as Ze,colorNeutralStrokeDisabled as Qe,colorNeutralForegroundInverted as Je,colorNeutralForeground2Selected as et,colorNeutralForeground2BrandSelected as tt,CompoundButtonStyles as ot,CompoundButtonTemplate as it,Spinner as nt,SpinnerAppearance as st,SpinnerSize as rt,SpinnerStyles as at,SpinnerTemplate as lt,Button as dt,forcedColorsStylesheetBehavior as ct,spacingVerticalL as ht,colorCompoundBrandStroke as ut,DropdownStyles as pt,Dropdown as mt,DropdownTemplate as vt,DropdownOption as bt,DropdownOptionStyles as gt,DropdownOptionTemplate as ft,isDropdownOption as wt,Listbox as yt,ListboxStyles as $t,ListboxTemplate as xt,typographyCaption1Styles as Ct,typographyCaption2Styles as kt,typographyBody1Styles as It,colorNeutralBackground3 as Et,colorBrandForeground1 as St,spacingHorizontalNone as Lt,spacingVerticalXS as Mt,ButtonDefinition as Pt,shadow16 as zt,colorBrandForeground2 as Rt,colorPaletteRedForeground3 as At,AccordionItem as Ot,AccordionItemMarkerPosition as Tt,AccordionItemSize as Dt,accordionItemStyles as Bt,accordionItemTemplate as Vt,Accordion as _t,accordionStyles as Ht,accordionTemplate as Ft,AccordionExpandMode as Nt,AnchorTarget as jt,LinkAppearance as qt,LinkTarget as Xt,Link as Kt,LinkStyles as Wt,Avatar as Yt,AvatarActive as Gt,AvatarAppearance as Ut,AvatarColor as Zt,AvatarNamedColor as Qt,AvatarShape as Jt,AvatarSize as eo,AvatarStyles as to,AvatarTemplate as oo,Badge as io,BadgeAppearance as no,BadgeColor as so,BadgeShape as ro,BadgeSize as ao,BadgeStyles as lo,BadgeTemplate as co,Checkbox as ho,CheckboxShape as uo,CheckboxSize as po,CheckboxStyles as mo,CheckboxTemplate as vo,CounterBadge as bo,CounterBadgeAppearance as go,CounterBadgeColor as fo,CounterBadgeShape as wo,CounterBadgeSize as yo,CounterBadgeStyles as $o,CounterBadgeTemplate as xo,Dialog as Co,DialogStyles as ko,DialogTemplate as Io,DialogBody as Eo,DialogBodyStyles as So,DialogBodyTemplate as Lo,Divider as Mo,DividerAlignContent as Po,DividerAppearance as zo,DividerOrientation as Ro,DividerRole as Ao,DividerStyles as Oo,DividerTemplate as To,Drawer as Do,DrawerPosition as Bo,DrawerSize as Vo,DrawerType as _o,DrawerStyles as Ho,DrawerTemplate as Fo,DrawerBody as No,DrawerBodyStyles as jo,DrawerBodyTemplate as qo,DropdownAppearance as Xo,DropdownSize as Ko,DropdownType as Wo,Field as Yo,FieldStyles as Go,FieldTemplate as Uo,Image as Zo,ImageFit as Qo,ImageShape as Jo,ImageStyles as ei,ImageTemplate as ti,Label as oi,LabelStyles as ii,LabelTemplate as ni,LabelSize as si,LabelWeight as ri,AnchorButton as ai,AnchorButtonAppearance as li,AnchorButtonShape as di,AnchorButtonSize as ci,ToggleButtonStyles as hi,AnchorButtonTemplate as ui,MessageBar as pi,MessageBarStyles as mi,MessageBarTemplate as vi,MenuButton as bi,MenuButtonStyles as gi,MenuButtonTemplate as fi,colorCompoundBrandForeground1Pressed as wi,colorStatusDangerForeground1 as yi,ProgressBar as $i,ProgressBarStyles as xi,ProgressBarTemplate as Ci,ProgressBarShape as ki,ProgressBarThickness as Ii,ProgressBarValidationState as Ei,Radio as Si,RadioGroup as Li,RadioGroupOrientation as Mi,RadioGroupStyles as Pi,RadioGroupTemplate as zi,RadioStyles as Ri,RadioTemplate as Ai,RatingDisplay as Oi,RatingDisplayStyles as Ti,RatingDisplayTemplate as Di,RatingDisplayColor as Bi,RatingDisplaySize as Vi,StartEnd as _i,colorNeutralStrokeAccessible as Hi,colorPaletteRedBorder2 as Fi,durationUltraFast as Ni,curveAccelerateMid as ji,colorNeutralForeground4 as qi,colorNeutralStrokeAccessibleHover as Xi,curveDecelerateMid as Ki,colorCompoundBrandStrokePressed as Wi,colorNeutralStrokeAccessiblePressed as Yi,Slider as Gi,SliderMode as Ui,SliderOrientation as Zi,SliderSize as Qi,colorCompoundBrandBackground as Ji,colorCompoundBrandBackgroundHover as en,colorCompoundBrandBackgroundPressed as tn,colorStrokeFocus1 as on,colorNeutralBackground3Pressed as nn,colorStatusDangerBorder2 as sn,Switch as rn,SwitchStyles as an,SwitchTemplate as ln,Tab as dn,TabStyles as cn,TabTemplate as hn,TablistAppearance as un,TablistOrientation as pn,TablistSize as mn,Tablist as vn,TablistStyles as bn,TablistTemplate as gn,TextArea as fn,TextAreaStyles as wn,TextAreaTemplate as yn,TextAreaAppearance as $n,TextAreaAppearancesForDisplayShadow as xn,TextAreaAutocomplete as Cn,TextAreaResize as kn,TextAreaSize as In,Text as En,TextStyles as Sn,TextTemplate as Ln,TextAlign as Mn,TextFont as Pn,TextSize as zn,TextWeight as Rn,Tree as An,TreeStyles as On,TreeTemplate as Tn,TreeItem as Dn,TreeItemStyles as Bn,ToggleButton as Vn,ToggleButtonAppearance as _n,ToggleButtonShape as Hn,ToggleButtonSize as Fn,ToggleButtonTemplate as Nn,Tooltip as jn,TooltipStyles as qn,TooltipTemplate as Xn,TooltipPositioningOption as Kn}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAreaStyles,TextAreaTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as Wn,attr as Yn,observable as Gn,Updates as Un,Observable as Zn,slotted as Qn,html as Jn,css as es,ref as ts,AttributeConfiguration as os,InlineTemplateDirective as is,repeat as ns,elements as ss,nullableNumberConverter as rs,when as as,oneTime as ls}from"@microsoft/fast-element";import{keyArrowLeft as ds,keyArrowRight as cs,keySpace as hs,keyEnter as us,isHTMLElement as ps,keyHome as ms,keyEnd as vs,keyArrowUp as bs,keyArrowDown as gs,keyEscape as fs,uniqueId as ws,keyTab as ys,Direction as $s,limit as xs}from"@microsoft/fast-web-utilities";import{isTabbable as Cs}from"tabbable";import{createOverflowManager as ks}from"@fluentui/priority-overflow";import{getString as Is}from"@fabric-msft/localization";import{autoUpdate as Es,arrow as Ss,offset as Ls,autoPlacement as Ms,computePosition as Ps}from"@floating-ui/dom";CSS.supports("anchor-name: --a");const zs=CSS.supports("selector(:state(g))"),Rs=new Map;function As(e){var t;return null!==(t=Rs.get(e))&&void 0!==t?t:Rs.set(e,zs?`:state(${e})`:`[state--${e}]`).get(e)}function Os(e,t,o){t&&e&&(zs?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function Ts(e,t,o,i){t&&i(e,t,!1),o&&i(e,o,!0)}function Ds(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}const Bs={normal:"normal",danger:"danger"},Vs={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},_s={[Vs.menuitem]:"menuitem",[Vs.menuitemcheckbox]:"menuitemcheckbox",[Vs.menuitemradio]:"menuitemradio"},Hs={group:"group"},Fs={group:Hs.group};var Ns,js,qs,Xs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},Ks=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class Ws extends Wn{constructor(){super(...arguments),Ns.add(this),this.elementInternals=this.attachInternals(),this.role=Vs.menuitem,this.checked=!1,this._submenuAnchorName=`--${Ds("menu-item-anchor-")}`,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case us:case hs:return this.invoke(),!1;case cs:return!this.disabled&&Ys(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case ds:{const e=this.parentElement;return Ys(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.submenu&&e.composedPath().includes(this.submenu)||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=e=>{var t;const o=e.relatedTarget;return o&&this.contains(o)||null===(t=this.submenu)||void 0===t||t.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case Vs.menuitemcheckbox:this.checked=!this.checked;break;case Vs.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case Vs.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,Os(this.elementInternals,"disabled",t)}appearanceChanged(e,t){Ts(this.elementInternals,e,t,Os)}roleChanged(e,t){this.elementInternals.role=null!=t?t:Vs.menuitem;const o=(null!=t?t:Vs.menuitem)!==Vs.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,Os(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==Vs.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,Os(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o,i;if(null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length){this.submenu=t[0],this.submenu.setAttribute("popover","manual"),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",Os(this.elementInternals,"submenu",!0);const e=this.getSubmenuAnchorName();this.style.anchorName=e,this.submenu.style.positionAnchor=e}else this.elementInternals.ariaHasPopup=null,Os(this.elementInternals,"submenu",!1),null===(i=this.submenu)||void 0===i||i.style.removeProperty("position-anchor"),this.submenu=void 0}getSubmenuAnchorName(){return this.id?`--${this.id}`:this._submenuAnchorName}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:Vs.menuitem,Ks(this,Ns,"m",js).call(this)}disconnectedCallback(){super.disconnectedCallback(),Ks(this,Ns,"m",qs).call(this)}}function Ys(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}Ns=new WeakSet,js=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)},qs=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)},Xs([Yn({mode:"boolean"})],Ws.prototype,"disabled",void 0),Xs([Yn],Ws.prototype,"appearance",void 0),Xs([Yn],Ws.prototype,"role",void 0),Xs([Yn({mode:"boolean"})],Ws.prototype,"checked",void 0),Xs([Yn({mode:"boolean"})],Ws.prototype,"hidden",void 0),Xs([Gn],Ws.prototype,"slottedSubmenu",void 0),Xs([Gn],Ws.prototype,"submenu",void 0);var Gs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Us extends Wn{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&ps(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===Vs.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===Vs.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof Ws||ps(e)&&e.getAttribute("role")in Us.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Un.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case gs:return void this.setFocus(this.focusIndex+1,1);case bs:return void this.setFocus(this.focusIndex-1,-1);case vs:return void this.setFocus(this.menuItems.length-1,-1);case ms:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Zn.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Vs.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Zn.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const n=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),s=null==n?void 0:n.reduce((e,t)=>{const o=Us.elementIndent(t);return Math.max(e,o)},0);null==n||n.forEach(e=>{e instanceof Ws&&e.setAttribute("data-indent",`${s}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}Us.focusableElementRoles=Vs,Gs([Gn],Us.prototype,"items",void 0);var Zs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qs extends Wn{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case us:case hs:e.preventDefault(),this.expanded=!this.expanded;break;case fs:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=ws("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Un.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(Os(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){Os(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&Os(this.elementInternals,e,!1),t&&Os(this.elementInternals,t,!0)}blockChanged(e,t){Os(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&Os(this.elementInternals,`align-${e}`,!1),t&&Os(this.elementInternals,`align-${t}`,!0)}}Zs([Gn],Qs.prototype,"menuList",void 0),Zs([Yn({mode:"boolean"})],Qs.prototype,"expanded",void 0),Zs([Yn({mode:"boolean"})],Qs.prototype,"disabled",void 0),Zs([Yn],Qs.prototype,"id",void 0),Zs([Yn],Qs.prototype,"size",void 0),Zs([Yn({mode:"boolean"})],Qs.prototype,"block",void 0),Zs([Yn({attribute:"marker-position"})],Qs.prototype,"markerPosition",void 0);const Js={single:"single",multi:"multi"};var er=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class tr extends Wn{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Js.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof Ws||ps(e)&&e.getAttribute("role")in Us.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Zn.getNotifier(e).unsubscribe(this,"disabled"),Zn.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Un.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===Js.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof Qs&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof Ws&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof Qs&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Zn.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof Qs&&Zn.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),i=null==o?void 0:o.reduce((e,t)=>{const o=tr.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof Ws&&e.setAttribute("data-indent",`${i}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Vs.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Js.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof Qs&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}er([Yn({attribute:"expand-mode"})],tr.prototype,"expandmode",void 0),er([Gn],tr.prototype,"slottedElements",void 0);const or=Jn`<template class="accordion-menu"><slot ${Qn({property:"slottedElements"})}></slot></template>`,ir=es`
1
+ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerticalXXL as i,sizeHorizontalXXL as n,sizeHorizontalM as s,sizeVerticalM as r,sizeHorizontalL as a,sizeVerticalL as l}from"@fabric-msft/theme";export{fabricDarkTheme,fabricLightTheme,setTheme,sizeHorizontalL,sizeHorizontalM,sizeHorizontalMNudge,sizeHorizontalNone,sizeHorizontalS,sizeHorizontalSNudge,sizeHorizontalXL,sizeHorizontalXS,sizeHorizontalXXL,sizeHorizontalXXS,sizeHorizontalXXXL,sizeVerticalL,sizeVerticalM,sizeVerticalMNudge,sizeVerticalNone,sizeVerticalS,sizeVerticalSNudge,sizeVerticalXL,sizeVerticalXS,sizeVerticalXXL,sizeVerticalXXS,sizeVerticalXXXL,webDarkTheme,webLightTheme}from"@fabric-msft/theme";import{spacingHorizontalXL as d,spacingHorizontalL as c,spacingVerticalXXS as h,display as u,borderRadiusMedium as p,colorStrokeFocus2 as m,spacingHorizontalS as b,typographyCaption1StrongStyles as v,spacingHorizontalMNudge as g,spacingHorizontalXS as f,colorNeutralForeground3 as w,colorTransparentBackground as y,colorNeutralForegroundDisabled as $,fontSizeBase200 as x,lineHeightBase200 as C,fontSizeBase400 as k,lineHeightBase400 as I,fontSizeBase500 as E,lineHeightBase500 as L,spacingHorizontalXXS as S,spacingHorizontalSNudge as M,strokeWidthThin as T,colorNeutralStroke2 as P,fontFamilyBase as R,shadow4 as z,colorBrandBackground2 as A,strokeWidthThick as O,colorTransparentStroke as D,colorNeutralBackground1 as B,colorNeutralBackground2 as _,colorNeutralStroke1 as V,colorSubtleBackground as F,colorNeutralBackground1Hover as H,colorTransparentStrokeInteractive as j,shadow8 as N,colorNeutralBackground1Pressed as q,colorNeutralBackground2Hover as X,colorNeutralBackground2Pressed as K,colorTransparentBackgroundHover as W,colorNeutralStroke1Hover as Y,colorTransparentBackgroundPressed as U,colorNeutralStroke1Pressed as G,colorSubtleBackgroundHover as Z,colorSubtleBackgroundPressed as Q,colorNeutralBackground1Selected as J,colorSubtleBackgroundSelected as ee,colorNeutralStroke1Selected as te,colorTransparentBackgroundSelected as oe,colorNeutralBackground2Selected as ie,colorNeutralBackgroundDisabled as ne,colorTransparentStrokeDisabled as se,shadow2 as re,spacingHorizontalM as ae,spacingVerticalS as le,fontSizeBase300 as de,fontWeightSemibold as ce,fontWeightRegular as he,spacingVerticalM as ue,spacingHorizontalXXL as pe,colorNeutralForeground1 as me,borderRadiusSmall as be,spacingVerticalXXL as ve,borderRadiusCircular as ge,colorNeutralForeground2 as fe,durationFast as we,curveEasyEase as ye,durationNormal as $e,fontWeightBold as xe,BaseButton as Ce,ButtonAppearance as ke,ButtonFormTarget as Ie,ButtonShape as Ee,ButtonSize as Le,ButtonType as Se,ButtonStyles as Me,colorBrandBackground as Te,colorNeutralForegroundOnBrand as Pe,colorNeutralStrokeOnBrand as Re,colorBrandBackgroundHover as ze,colorBrandBackgroundPressed as Ae,colorNeutralForeground1Hover as Oe,colorNeutralForeground1Pressed as De,ButtonTemplate as Be,colorNeutralBackground4 as _e,spacingHorizontalXXXL as Ve,lineHeightBase300 as Fe,durationFaster as He,fontSizeBase600 as je,spacingVerticalXXXL as Ne,borderRadiusLarge as qe,borderRadiusNone as Xe,colorNeutralBackground4Hover as Ke,colorNeutralBackgroundInverted as We,colorNeutralForeground2Hover as Ye,colorNeutralForeground2Pressed as Ue,colorNeutralForeground2BrandHover as Ge,colorNeutralForeground2BrandPressed as Ze,colorNeutralStrokeDisabled as Qe,colorNeutralForegroundInverted as Je,colorNeutralForeground2Selected as et,colorNeutralForeground2BrandSelected as tt,DialogStyles as ot,Dialog as it,DialogTemplate as nt,spacingVerticalL as st,spacingVerticalXS as rt,CompoundButtonStyles as at,CompoundButtonTemplate as lt,Spinner as dt,SpinnerAppearance as ct,SpinnerSize as ht,SpinnerStyles as ut,SpinnerTemplate as pt,Button as mt,forcedColorsStylesheetBehavior as bt,colorCompoundBrandStroke as vt,DropdownStyles as gt,Dropdown as ft,DropdownTemplate as wt,DropdownOption as yt,DropdownOptionStyles as $t,DropdownOptionTemplate as xt,isDropdownOption as Ct,Listbox as kt,ListboxStyles as It,ListboxTemplate as Et,typographyCaption1Styles as Lt,typographyCaption2Styles as St,typographyBody1Styles as Mt,colorNeutralBackground3 as Tt,colorBrandForeground1 as Pt,spacingHorizontalNone as Rt,ButtonDefinition as zt,shadow16 as At,colorBrandForeground2 as Ot,colorPaletteRedForeground3 as Dt,AccordionItem as Bt,AccordionItemMarkerPosition as _t,AccordionItemSize as Vt,accordionItemStyles as Ft,accordionItemTemplate as Ht,Accordion as jt,accordionStyles as Nt,accordionTemplate as qt,AccordionExpandMode as Xt,AnchorTarget as Kt,LinkAppearance as Wt,LinkTarget as Yt,Link as Ut,LinkStyles as Gt,Avatar as Zt,AvatarActive as Qt,AvatarAppearance as Jt,AvatarColor as eo,AvatarNamedColor as to,AvatarShape as oo,AvatarSize as io,AvatarStyles as no,AvatarTemplate as so,Badge as ro,BadgeAppearance as ao,BadgeColor as lo,BadgeShape as co,BadgeSize as ho,BadgeStyles as uo,BadgeTemplate as po,Checkbox as mo,CheckboxShape as bo,CheckboxSize as vo,CheckboxStyles as go,CheckboxTemplate as fo,CounterBadge as wo,CounterBadgeAppearance as yo,CounterBadgeColor as $o,CounterBadgeShape as xo,CounterBadgeSize as Co,CounterBadgeStyles as ko,CounterBadgeTemplate as Io,DialogBody as Eo,DialogBodyStyles as Lo,DialogBodyTemplate as So,Divider as Mo,DividerAlignContent as To,DividerAppearance as Po,DividerOrientation as Ro,DividerRole as zo,DividerStyles as Ao,DividerTemplate as Oo,spacingVerticalSNudge as Do,Drawer as Bo,DrawerPosition as _o,DrawerSize as Vo,DrawerType as Fo,DrawerStyles as Ho,DrawerTemplate as jo,DrawerBody as No,DrawerBodyStyles as qo,DrawerBodyTemplate as Xo,DropdownAppearance as Ko,DropdownSize as Wo,DropdownType as Yo,Field as Uo,FieldStyles as Go,FieldTemplate as Zo,Image as Qo,ImageFit as Jo,ImageShape as ei,ImageStyles as ti,ImageTemplate as oi,Label as ii,LabelStyles as ni,LabelTemplate as si,LabelSize as ri,LabelWeight as ai,AnchorButton as li,AnchorButtonAppearance as di,AnchorButtonShape as ci,AnchorButtonSize as hi,ToggleButtonStyles as ui,AnchorButtonTemplate as pi,MessageBar as mi,MessageBarStyles as bi,MessageBarTemplate as vi,MenuButton as gi,MenuButtonStyles as fi,MenuButtonTemplate as wi,colorCompoundBrandForeground1Pressed as yi,colorStatusDangerForeground1 as $i,ProgressBar as xi,ProgressBarStyles as Ci,ProgressBarTemplate as ki,ProgressBarShape as Ii,ProgressBarThickness as Ei,ProgressBarValidationState as Li,Radio as Si,RadioGroup as Mi,RadioGroupOrientation as Ti,RadioGroupStyles as Pi,RadioGroupTemplate as Ri,RadioStyles as zi,RadioTemplate as Ai,RatingDisplay as Oi,RatingDisplayStyles as Di,RatingDisplayTemplate as Bi,RatingDisplayColor as _i,RatingDisplaySize as Vi,StartEnd as Fi,colorNeutralStrokeAccessible as Hi,colorPaletteRedBorder2 as ji,durationUltraFast as Ni,curveAccelerateMid as qi,colorNeutralForeground4 as Xi,colorNeutralStrokeAccessibleHover as Ki,curveDecelerateMid as Wi,colorCompoundBrandStrokePressed as Yi,colorNeutralStrokeAccessiblePressed as Ui,Slider as Gi,SliderMode as Zi,SliderOrientation as Qi,SliderSize as Ji,colorCompoundBrandBackground as en,colorCompoundBrandBackgroundHover as tn,colorCompoundBrandBackgroundPressed as on,colorStrokeFocus1 as nn,colorNeutralBackground3Pressed as sn,colorStatusDangerBorder2 as rn,Switch as an,SwitchStyles as ln,SwitchTemplate as dn,Tab as cn,TabStyles as hn,TabTemplate as un,TablistAppearance as pn,TablistOrientation as mn,TablistSize as bn,Tablist as vn,TablistStyles as gn,TablistTemplate as fn,TextArea as wn,TextAreaStyles as yn,TextAreaTemplate as $n,TextAreaAppearance as xn,TextAreaAppearancesForDisplayShadow as Cn,TextAreaAutocomplete as kn,TextAreaResize as In,TextAreaSize as En,Text as Ln,TextStyles as Sn,TextTemplate as Mn,TextAlign as Tn,TextFont as Pn,TextSize as Rn,TextWeight as zn,Tree as An,TreeStyles as On,TreeTemplate as Dn,TreeItem as Bn,TreeItemStyles as _n,ToggleButton as Vn,ToggleButtonAppearance as Fn,ToggleButtonShape as Hn,ToggleButtonSize as jn,ToggleButtonTemplate as Nn,Tooltip as qn,TooltipStyles as Xn,TooltipTemplate as Kn,TooltipPositioningOption as Wn}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAreaStyles,TextAreaTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as Yn,attr as Un,observable as Gn,Updates as Zn,Observable as Qn,slotted as Jn,html as es,css as ts,ref as os,AttributeConfiguration as is,InlineTemplateDirective as ns,oneTime as ss,repeat as rs,elements as as,nullableNumberConverter as ls,when as ds}from"@microsoft/fast-element";import{keyArrowLeft as cs,keyArrowRight as hs,keySpace as us,keyEnter as ps,isHTMLElement as ms,keyHome as bs,keyEnd as vs,keyArrowUp as gs,keyArrowDown as fs,keyEscape as ws,uniqueId as ys,keyTab as $s,Direction as xs,limit as Cs}from"@microsoft/fast-web-utilities";import{isTabbable as ks}from"tabbable";import{formatString as Is,getString as Es}from"@fabric-msft/localization";import{createOverflowManager as Ls}from"@fluentui/priority-overflow";import{autoUpdate as Ss,arrow as Ms,offset as Ts,autoPlacement as Ps,computePosition as Rs}from"@floating-ui/dom";CSS.supports("anchor-name: --a");const zs=CSS.supports("selector(:state(g))"),As=new Map;function Os(e){var t;return null!==(t=As.get(e))&&void 0!==t?t:As.set(e,zs?`:state(${e})`:`[state--${e}]`).get(e)}function Ds(e,t,o){t&&e&&(zs?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function Bs(e,t,o,i){t&&i(e,t,!1),o&&i(e,o,!0)}function _s(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}const Vs={normal:"normal",danger:"danger"},Fs={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},Hs={[Fs.menuitem]:"menuitem",[Fs.menuitemcheckbox]:"menuitemcheckbox",[Fs.menuitemradio]:"menuitemradio"},js={group:"group"},Ns={group:js.group};var qs,Xs,Ks,Ws=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},Ys=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class Us extends Yn{constructor(){super(...arguments),qs.add(this),this.elementInternals=this.attachInternals(),this.role=Fs.menuitem,this.checked=!1,this._submenuAnchorName=`--${_s("menu-item-anchor-")}`,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case ps:case us:return this.invoke(),!1;case hs:return!this.disabled&&Gs(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case cs:{const e=this.parentElement;return Gs(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.submenu&&e.composedPath().includes(this.submenu)||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=e=>{var t;const o=e.relatedTarget;return o&&this.contains(o)||null===(t=this.submenu)||void 0===t||t.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case Fs.menuitemcheckbox:this.checked=!this.checked;break;case Fs.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case Fs.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,Ds(this.elementInternals,"disabled",t)}appearanceChanged(e,t){Bs(this.elementInternals,e,t,Ds)}roleChanged(e,t){this.elementInternals.role=null!=t?t:Fs.menuitem;const o=(null!=t?t:Fs.menuitem)!==Fs.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,Ds(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==Fs.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,Ds(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o,i;if(null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length){this.submenu=t[0],this.submenu.setAttribute("popover","manual"),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",Ds(this.elementInternals,"submenu",!0);const e=this.getSubmenuAnchorName();this.style.anchorName=e,this.submenu.style.positionAnchor=e}else this.elementInternals.ariaHasPopup=null,Ds(this.elementInternals,"submenu",!1),null===(i=this.submenu)||void 0===i||i.style.removeProperty("position-anchor"),this.submenu=void 0}getSubmenuAnchorName(){return this.id?`--${this.id}`:this._submenuAnchorName}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:Fs.menuitem,Ys(this,qs,"m",Xs).call(this)}disconnectedCallback(){super.disconnectedCallback(),Ys(this,qs,"m",Ks).call(this)}}function Gs(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}qs=new WeakSet,Xs=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)},Ks=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)},Ws([Un({mode:"boolean"})],Us.prototype,"disabled",void 0),Ws([Un],Us.prototype,"appearance",void 0),Ws([Un],Us.prototype,"role",void 0),Ws([Un({mode:"boolean"})],Us.prototype,"checked",void 0),Ws([Un({mode:"boolean"})],Us.prototype,"hidden",void 0),Ws([Gn],Us.prototype,"slottedSubmenu",void 0),Ws([Gn],Us.prototype,"submenu",void 0);var Zs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qs extends Yn{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&ms(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===Fs.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===Fs.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof Us||ms(e)&&e.getAttribute("role")in Qs.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Zn.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case fs:return void this.setFocus(this.focusIndex+1,1);case gs:return void this.setFocus(this.focusIndex-1,-1);case vs:return void this.setFocus(this.menuItems.length-1,-1);case bs:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Qn.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=Array.from(e.children).some(e=>"start"===e.getAttribute("slot"));return t&&t!==Fs.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Qn.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const n=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),s=null==n?void 0:n.reduce((e,t)=>{const o=Qs.elementIndent(t);return Math.max(e,o)},0);null==n||n.forEach(e=>{e instanceof Us&&e.setAttribute("data-indent",`${s}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}Qs.focusableElementRoles=Fs,Zs([Gn],Qs.prototype,"items",void 0);var Js=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class er extends Yn{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case ps:case us:e.preventDefault(),this.expanded=!this.expanded;break;case ws:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=ys("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Zn.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(Ds(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){Ds(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&Ds(this.elementInternals,e,!1),t&&Ds(this.elementInternals,t,!0)}blockChanged(e,t){Ds(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&Ds(this.elementInternals,`align-${e}`,!1),t&&Ds(this.elementInternals,`align-${t}`,!0)}}Js([Gn],er.prototype,"menuList",void 0),Js([Un({mode:"boolean"})],er.prototype,"expanded",void 0),Js([Un({mode:"boolean"})],er.prototype,"disabled",void 0),Js([Un],er.prototype,"id",void 0),Js([Un],er.prototype,"size",void 0),Js([Un({mode:"boolean"})],er.prototype,"block",void 0),Js([Un({attribute:"marker-position"})],er.prototype,"markerPosition",void 0);const tr={single:"single",multi:"multi"};var or=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ir extends Yn{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=tr.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof Us||ms(e)&&e.getAttribute("role")in Qs.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Qn.getNotifier(e).unsubscribe(this,"disabled"),Qn.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Zn.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===tr.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof er&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof Us&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof er&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Qn.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof er&&Qn.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),i=null==o?void 0:o.reduce((e,t)=>{const o=ir.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof Us&&e.setAttribute("data-indent",`${i}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Fs.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===tr.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof er&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}or([Un({attribute:"expand-mode"})],ir.prototype,"expandmode",void 0),or([Gn],ir.prototype,"slottedElements",void 0);const nr=es`<template class="accordion-menu"><slot ${Jn({property:"slottedElements"})}></slot></template>`,sr=ts`
2
2
  ${u("flex")}
3
3
 
4
- :host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${d} * 15);min-width:calc(${c} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${h}}`,nr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),sr=tr.compose({name:`${nr.prefix}-accordion-menu`,template:or,styles:ir,shadowOptions:{mode:nr.shadowRootMode}}),rr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},ar={start:"start",end:"end"},lr=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3534 15.8529C12.1585 16.0485 11.8419 16.0491 11.6463 15.8542L6.16178 10.3892C5.94607 10.1743 5.94607 9.82495 6.16178 9.61L11.6463 4.14502C11.8419 3.95011 12.1585 3.95067 12.3534 4.14628C12.5483 4.34189 12.5477 4.65848 12.3521 4.85339L7.18753 9.99961L12.3521 15.1458C12.5477 15.3407 12.5483 15.6573 12.3534 15.8529Z" fill="currentColor" /></svg>`,dr=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64582 4.14708C7.84073 3.95147 8.15731 3.9509 8.35292 4.14582L13.8374 9.6108C14.0531 9.82574 14.0531 10.1751 13.8374 10.39L8.35292 15.855C8.15731 16.0499 7.84073 16.0493 7.64582 15.8537C7.4509 15.6581 7.45147 15.3415 7.64708 15.1466L12.8117 10.0004L7.64708 4.85418C7.45147 4.65927 7.4509 4.34269 7.64582 4.14708Z" fill="currentColor" /></svg>`,cr=Jn.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-collapsed"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>'),hr=Jn.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M4.20694 12.2673C3.92125 11.9674 3.93279 11.4926 4.23271 11.2069L9.48318 6.20561C9.77285 5.92975 10.2281 5.92975 10.5178 6.20561L15.7682 11.2069C16.0681 11.4926 16.0797 11.9674 15.794 12.2673C15.5083 12.5672 15.0336 12.5787 14.7336 12.2931L10.0005 7.78448L5.26729 12.2931C4.96737 12.5787 4.49264 12.5672 4.20694 12.2673Z"\n fill="currentColor"\n />\n</svg>');const ur=Jn`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${ts("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${hr}</slot><slot name="marker-collapsed">${cr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Qn("menuList")}></slot></div></template>`;As("active");const pr=As("align-end");As("align-start"),As("anchor"),As("auto-resize"),As("bad-input"),As("beige"),As("block"),As("blue"),As("bold"),As("bordered"),As("brand"),As("brass"),As("brown"),As("center");const mr=As("checked"),vr=As("circular");As("cornflower"),As("cranberry"),As("custom-error");const br=As("danger");As("dark-green"),As("dark-red"),As("description");const gr=As("disabled");As("display-shadow"),As("dot"),As("end"),As("error");const fr=As("expanded"),wr=As("extra-large");As("extra-small"),As("filled-darker"),As("filled-lighter"),As("fit-center"),As("fit-contain"),As("fit-cover"),As("fit-none"),As("flip-block");const yr=As("focus-visible");As("forest"),As("ghost"),As("gold"),As("grape"),As("has-message"),As("huge");const $r=As("icon");As("important"),As("indeterminate"),As("informative"),As("inline"),As("inset"),As("inverted"),As("italic"),As("justify");const xr=As("large");As("lavender"),As("light-teal"),As("lilac"),As("magenta"),As("marigold");const Cr=As("medium");As("mink"),As("monospace"),As("multiline"),As("multiple"),As("navy"),As("neutral"),As("nowrap"),As("numeric"),As("open");const kr=As("outline");As("pattern-mismatch"),As("peach"),As("pink"),As("placeholder-shown"),As("platinum"),As("plum");const Ir=As("pressed"),Er=As("primary");As("pumpkin"),As("purple"),As("range-overflow"),As("range-underflow"),As("red"),As("resize-both"),As("resize-horizontal"),As("resize-vertical"),As("rounded"),As("royal-blue"),As("seafoam"),As("selected"),As("semibold"),As("severe"),As("shadow"),As("size-1000"),As("size-100"),As("size-200"),As("size-400"),As("size-500"),As("size-600"),As("size-700"),As("size-800"),As("size-900");const Sr=As("small"),Lr=As("square");As("steel"),As("step-mismatch"),As("strikethrough"),As("strong");const Mr=As("submenu"),Pr=As("subtle");As("success"),As("teal"),As("tint"),As("tiny"),As("too-long"),As("too-short");const zr=As("transparent");As("truncate"),As("type-mismatch"),As("underline"),As("user-invalid"),As("valid"),As("value-missing"),As("vertical"),As("warning");const Rr=es`
4
+ :host{white-space:normal;contain:content;flex-direction:column;height:fit-content;max-width:calc(${d} * 15);min-width:calc(${c} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${h}}`,rr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),ar=ir.compose({name:`${rr.prefix}-accordion-menu`,template:nr,styles:sr,shadowOptions:{mode:rr.shadowRootMode}}),lr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},dr={start:"start",end:"end"},cr=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6 2C4.89543 2 4 2.89543 4 4V16C4 17.1046 4.89543 18 6 18H14C15.1046 18 16 17.1046 16 16V7.41421C16 7.01639 15.842 6.63486 15.5607 6.35355L11.6464 2.43934C11.3651 2.15804 10.9836 2 10.5858 2H6ZM5 4C5 3.44772 5.44772 3 6 3H10V6.5C10 7.32843 10.6716 8 11.5 8H15V16C15 16.5523 14.5523 17 14 17H6C5.44772 17 5 16.5523 5 16V4ZM14.7929 7H11.5C11.2239 7 11 6.77614 11 6.5V3.20711L14.7929 7Z" fill="currentColor" /></svg>`,hr=es`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3.15 3.15a.5.5 0 0 1 .7 0L8 7.29l4.15-4.14a.5.5 0 0 1 .7.7L8.71 8l4.14 4.15a.5.5 0 0 1-.7.7L8 8.71l-4.15 4.14a.5.5 0 0 1-.7-.7L7.29 8 3.15 3.85a.5.5 0 0 1 0-.7Z" fill="currentColor" /></svg>`,ur=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3534 15.8529C12.1585 16.0485 11.8419 16.0491 11.6463 15.8542L6.16178 10.3892C5.94607 10.1743 5.94607 9.82495 6.16178 9.61L11.6463 4.14502C11.8419 3.95011 12.1585 3.95067 12.3534 4.14628C12.5483 4.34189 12.5477 4.65848 12.3521 4.85339L7.18753 9.99961L12.3521 15.1458C12.5477 15.3407 12.5483 15.6573 12.3534 15.8529Z" fill="currentColor" /></svg>`,pr=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64582 4.14708C7.84073 3.95147 8.15731 3.9509 8.35292 4.14582L13.8374 9.6108C14.0531 9.82574 14.0531 10.1751 13.8374 10.39L8.35292 15.855C8.15731 16.0499 7.84073 16.0493 7.64582 15.8537C7.4509 15.6581 7.45147 15.3415 7.64708 15.1466L12.8117 10.0004L7.64708 4.85418C7.45147 4.65927 7.4509 4.34269 7.64582 4.14708Z" fill="currentColor" /></svg>`,mr=es.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-collapsed"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>'),br=es.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M4.20694 12.2673C3.92125 11.9674 3.93279 11.4926 4.23271 11.2069L9.48318 6.20561C9.77285 5.92975 10.2281 5.92975 10.5178 6.20561L15.7682 11.2069C16.0681 11.4926 16.0797 11.9674 15.794 12.2673C15.5083 12.5672 15.0336 12.5787 14.7336 12.2931L10.0005 7.78448L5.26729 12.2931C4.96737 12.5787 4.49264 12.5672 4.20694 12.2673Z"\n fill="currentColor"\n />\n</svg>'),vr=es`<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="3" cy="3" r="3" fill="currentColor" /></svg>`;const gr=es`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${os("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${br}</slot><slot name="marker-collapsed">${mr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Jn("menuList")}></slot></div></template>`;Os("active");const fr=Os("align-end");Os("align-start"),Os("anchor"),Os("auto-resize"),Os("bad-input"),Os("beige"),Os("block"),Os("blue"),Os("bold"),Os("bordered"),Os("brand"),Os("brass"),Os("brown"),Os("center");const wr=Os("checked"),yr=Os("circular");Os("cornflower"),Os("cranberry"),Os("custom-error");const $r=Os("danger");Os("dark-green"),Os("dark-red"),Os("description");const xr=Os("disabled");Os("display-shadow"),Os("dot"),Os("end"),Os("error");const Cr=Os("expanded"),kr=Os("extra-large");Os("extra-small"),Os("filled-darker"),Os("filled-lighter"),Os("fit-center"),Os("fit-contain"),Os("fit-cover"),Os("fit-none"),Os("flip-block");const Ir=Os("focus-visible");Os("forest"),Os("ghost"),Os("gold"),Os("grape"),Os("has-message"),Os("huge");const Er=Os("icon");Os("important"),Os("indeterminate"),Os("informative"),Os("inline"),Os("inset"),Os("inverted"),Os("italic"),Os("justify");const Lr=Os("large");Os("lavender"),Os("light-teal"),Os("lilac"),Os("magenta"),Os("marigold");const Sr=Os("medium");Os("mink"),Os("monospace"),Os("multiline"),Os("multiple"),Os("navy"),Os("neutral"),Os("nowrap"),Os("numeric"),Os("open");const Mr=Os("outline");Os("pattern-mismatch"),Os("peach"),Os("pink"),Os("placeholder-shown"),Os("platinum"),Os("plum");const Tr=Os("pressed"),Pr=Os("primary");Os("pumpkin"),Os("purple"),Os("range-overflow"),Os("range-underflow"),Os("red"),Os("resize-both"),Os("resize-horizontal"),Os("resize-vertical"),Os("rounded"),Os("royal-blue"),Os("seafoam"),Os("selected"),Os("semibold"),Os("severe"),Os("shadow"),Os("size-1000"),Os("size-100"),Os("size-200"),Os("size-400"),Os("size-500"),Os("size-600"),Os("size-700"),Os("size-800"),Os("size-900");const Rr=Os("small"),zr=Os("square");Os("steel"),Os("step-mismatch"),Os("strikethrough"),Os("strong");const Ar=Os("submenu"),Or=Os("subtle");Os("success"),Os("teal"),Os("tint"),Os("tiny"),Os("too-long"),Os("too-short");const Dr=Os("transparent");Os("truncate"),Os("type-mismatch"),Os("underline"),Os("user-invalid"),Os("valid"),Os("value-missing"),Os("vertical"),Os("warning");const Br=ts`
5
5
  ${u("block")}
6
6
 
7
- :host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${p};outline:2px solid ${m}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${e};align-items:center;position:relative;padding-inline:${v} ${v};border-radius:${p};${b}
8
- grid-template-columns:auto auto 1fr auto;padding:0px ${g};margin:1px;gap:${f};cursor:pointer;color:${w};background:${y};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${v}}:host(${gr}) .heading{color:${$};cursor:not-allowed}:host(${gr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
9
- brightness(88%) contrast(87%)}:host(${fr}) .content{display:block}:host(${fr}) .default-marker-collapsed,:host(${fr}) ::slotted([slot="marker-collapsed"]),:host(:not(${fr})) :is(.default-marker-expanded,.content),:host(:not(${fr})) ::slotted([slot="marker-expanded"]){display:none}:host(${fr}) ::slotted([slot="marker-expanded"]),:host(:not(${fr})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Sr}) .heading{font-size:${x};line-height:${C}}:host(${xr}) .heading{font-size:${k};line-height:${I}}:host(${wr}) .heading{font-size:${E};line-height:${S}}:host(${pr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${pr})
10
- :is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${v};padding-inline-end:${L}}:host([block]){max-width:100%}:host(${pr}) .heading{padding-inline:${v}}:host(${pr}:has([slot='start'])) .heading{padding-inline:${M} ${v}}:host(:not(:first-child)) .heading{border-block-start:${P} solid ${z};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`,Ar=Qs.compose({name:`${nr.prefix}-accordion-menu-panel`,template:ur,styles:Rr,shadowOptions:{mode:nr.shadowRootMode}}),Or={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Tr={horizontal:"horizontal",vertical:"vertical"},Dr={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},Br=Dr,Vr={interactiveChanged:"interactive-changed",click:"click"};var _r=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Hr extends Wn{constructor(){super(...arguments),this.focusMode=Br.off,this.role="group",this.disabled=!1,this.interactive=!1,this.focusElementAtIndex=e=>{this.bounds.length>0?this.bounds[e].focus():this.card.focus()},this.focusFirstElement=()=>{this.focusElementAtIndex(0)},this.focusLastElement=()=>{this.bounds.length>0&&this.focusElementAtIndex(this.bounds.length-1)},this.interactiveChanged=()=>{this.role=this.interactive?"button":"group",this.emitInteractiveChangedEvent()},this.getTabQueueBounds=e=>Hr.reduceTabbableItems([],e)}connectedCallback(){super.connectedCallback(),this.requestInertUpdate()}disconnectedCallback(){super.disconnectedCallback()}focusModeChanged(){this.requestInertUpdate()}disabledChanged(){this.requestInertUpdate()}clickHandler(e){this.disabled||e.defaultPrevented||!this.interactive||(e.preventDefault(),this.emitClickEvent())}keydownHandler(e){if(this.disabled||e.defaultPrevented)return!0;const{key:t,target:o,currentTarget:i,shiftKey:n}=e,s=o===i,r=this.focusMode===Br.off||this.focusMode===Br.tabOnly,a=this.focusMode===Br.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case us:if(!s)return!0;this.interactive?this.emitClickEvent():a||Un.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case ys:return this.shouldTrapFocus?((l&&!n||d&&n)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==Br.tabExit||((l&&!n||d&&n||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case fs:this.focusMode!==Br.off&&this.card.focus(),r||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==Br.off)}get bounds(){return this.getTabQueueBounds(this)}get isBoundsZeroIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[0]}get isBoundsLastIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[this.bounds.length-1]}get shouldTrapFocus(){return this.focusMode===Br.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Vr.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Vr.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==Br.off&&this.focusMode!==Br.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&Un.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:Cs(t)||Hr.isFocusableFastElement(t)&&Hr.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>Hr.reduceTabbableItems(e,t),e)}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!==(o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("*"))&&void 0!==o?o:[]).some(e=>Cs(e))}}_r([Yn({attribute:"focus-mode"})],Hr.prototype,"focusMode",void 0),_r([Yn],Hr.prototype,"appearance",void 0),_r([Yn],Hr.prototype,"role",void 0),_r([Yn],Hr.prototype,"value",void 0),_r([Yn],Hr.prototype,"href",void 0),_r([Yn],Hr.prototype,"orientation",void 0),_r([Yn({mode:"boolean"})],Hr.prototype,"disabled",void 0),_r([Gn,Yn({mode:"boolean"})],Hr.prototype,"interactive",void 0),_r([Yn({attribute:"aria-describedby"})],Hr.prototype,"ariaDescribedby",void 0),_r([Yn({attribute:"aria-labelledby"})],Hr.prototype,"ariaLabelledby",void 0);const Fr=es`
7
+ :host{white-space:normal;contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${p};outline:2px solid ${m}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${e};align-items:center;position:relative;padding-inline:${b} ${b};border-radius:${p};${v}
8
+ grid-template-columns:auto auto 1fr auto;padding:0px ${g};margin:1px;gap:${f};cursor:pointer;color:${w};background:${y};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${b}}:host(${xr}) .heading{color:${$};cursor:not-allowed}:host(${xr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
9
+ brightness(88%) contrast(87%)}:host(${Cr}) .content{display:block}:host(${Cr}) .default-marker-collapsed,:host(${Cr}) ::slotted([slot="marker-collapsed"]),:host(:not(${Cr})) :is(.default-marker-expanded,.content),:host(:not(${Cr})) ::slotted([slot="marker-expanded"]){display:none}:host(${Cr}) ::slotted([slot="marker-expanded"]),:host(:not(${Cr})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Rr}) .heading{font-size:${x};line-height:${C}}:host(${Lr}) .heading{font-size:${k};line-height:${I}}:host(${kr}) .heading{font-size:${E};line-height:${L}}:host(${fr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${fr})
10
+ :is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${b};padding-inline-end:${S}}:host([block]){max-width:100%}:host(${fr}) .heading{padding-inline:${b}}:host(${fr}:has([slot='start'])) .heading{padding-inline:${M} ${b}}:host(:not(:first-of-type)) .heading{border-block-start:${T} solid ${P};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`,_r=er.compose({name:`${rr.prefix}-accordion-menu-panel`,template:gr,styles:Br,shadowOptions:{mode:rr.shadowRootMode}}),Vr={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Fr={horizontal:"horizontal",vertical:"vertical"},Hr={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},jr=Hr,Nr={interactiveChanged:"interactive-changed",click:"click"};var qr=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Xr extends Yn{constructor(){super(...arguments),this.focusMode=jr.off,this.role="group",this.disabled=!1,this.interactive=!1,this.focusElementAtIndex=e=>{this.bounds.length>0?this.bounds[e].focus():this.card.focus()},this.focusFirstElement=()=>{this.focusElementAtIndex(0)},this.focusLastElement=()=>{this.bounds.length>0&&this.focusElementAtIndex(this.bounds.length-1)},this.interactiveChanged=()=>{this.role=this.interactive?"button":"group",this.emitInteractiveChangedEvent()},this.getTabQueueBounds=e=>Xr.reduceTabbableItems([],e)}connectedCallback(){super.connectedCallback(),this.requestInertUpdate()}disconnectedCallback(){super.disconnectedCallback()}focusModeChanged(){this.requestInertUpdate()}disabledChanged(){this.requestInertUpdate()}clickHandler(e){this.disabled||e.defaultPrevented||!this.interactive||(e.preventDefault(),this.emitClickEvent())}keydownHandler(e){if(this.disabled||e.defaultPrevented)return!0;const{key:t,target:o,currentTarget:i,shiftKey:n}=e,s=o===i,r=this.focusMode===jr.off||this.focusMode===jr.tabOnly,a=this.focusMode===jr.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case ps:if(!s)return!0;this.interactive?this.emitClickEvent():a||Zn.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case $s:return this.shouldTrapFocus?((l&&!n||d&&n)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==jr.tabExit||((l&&!n||d&&n||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case ws:this.focusMode!==jr.off&&this.card.focus(),r||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==jr.off)}get bounds(){return this.getTabQueueBounds(this)}get isBoundsZeroIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[0]}get isBoundsLastIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[this.bounds.length-1]}get shouldTrapFocus(){return this.focusMode===jr.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Nr.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Nr.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==jr.off&&this.focusMode!==jr.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&Zn.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:ks(t)||Xr.isFocusableFastElement(t)&&Xr.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>Xr.reduceTabbableItems(e,t),e)}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!==(o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("*"))&&void 0!==o?o:[]).some(e=>ks(e))}}qr([Un({attribute:"focus-mode"})],Xr.prototype,"focusMode",void 0),qr([Un],Xr.prototype,"appearance",void 0),qr([Un],Xr.prototype,"role",void 0),qr([Un],Xr.prototype,"value",void 0),qr([Un],Xr.prototype,"href",void 0),qr([Un],Xr.prototype,"orientation",void 0),qr([Un({mode:"boolean"})],Xr.prototype,"disabled",void 0),qr([Gn,Un({mode:"boolean"})],Xr.prototype,"interactive",void 0),qr([Un({attribute:"aria-describedby"})],Xr.prototype,"ariaDescribedby",void 0),qr([Un({attribute:"aria-labelledby"})],Xr.prototype,"ariaLabelledby",void 0);const Kr=ts`
11
11
  ${u("inline-block")}
12
- :host{font-family:${R};background:${y};border-radius:${p};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${A};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${O};outline:${T} solid ${D};box-shadow:${A},0 0 0 2px ${m}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${B};border:${P} solid ${D};border-radius:${p}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${V}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${y};border-color:${_};box-shadow:none}:host([appearance="subtle"]) .card{background:${H};border-color:${D};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${F};border-color:${N};box-shadow:${j}}:host([interactive]:active) .card{background:${q};border-color:${N}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${X}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${K}}:host([interactive][appearance="outline"]:hover) .card{background:${W};border-color:${Y};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${G};border-color:${U}}:host([interactive][appearance="subtle"]:hover) .card{background:${Z};border-color:${N};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${Q}}.card[aria-selected="true"]{background:${J};border-color:${N};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${ee};border-color:${te}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${oe};border-color:${te}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${ie}}:host([aria-disabled="true"]) .card{background:${ne};border-color:${se};cursor:not-allowed;pointer-events:none;box-shadow:${re}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${y}}`;const Nr=Jn`<template orientation="${e=>e.orientation}" appearance="${e=>e.appearance}" ?interactive="${e=>e.interactive}"><div role="${e=>e.interactive?"button":"group"}" class="card" tabindex="${e=>e.isFocusable?"0":null}" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-describedby="${e=>e.ariaDescribedby}" aria-disabled="${e=>e.interactive?e.disabled?"true":"false":null}" ${ts("card")}><div class="root" ${ts("root")}><div class="content"><slot></slot></div></div></div></template>`,jr=Hr.compose({name:`${nr.prefix}-card`,template:Nr,styles:Fr,shadowOptions:{mode:nr.shadowRootMode}});class qr extends Wn{}const Xr=es`
12
+ :host{white-space:normal;font-family:${R};background:${y};border-radius:${p};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${z};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${A};outline:${O} solid ${D};box-shadow:${z},0 0 0 2px ${m}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${B};border:${T} solid ${D};border-radius:${p}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${_}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${y};border-color:${V};box-shadow:none}:host([appearance="subtle"]) .card{background:${F};border-color:${D};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${H};border-color:${j};box-shadow:${N}}:host([interactive]:active) .card{background:${q};border-color:${j}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${X}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${K}}:host([interactive][appearance="outline"]:hover) .card{background:${W};border-color:${Y};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${U};border-color:${G}}:host([interactive][appearance="subtle"]:hover) .card{background:${Z};border-color:${j};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${Q}}.card[aria-selected="true"]{background:${J};border-color:${j};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${ee};border-color:${te}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${oe};border-color:${te}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${ie}}:host([aria-disabled="true"]) .card{background:${ne};border-color:${se};cursor:not-allowed;pointer-events:none;box-shadow:${re}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${y}}`;const Wr=es`<template orientation="${e=>e.orientation}" appearance="${e=>e.appearance}" ?interactive="${e=>e.interactive}"><div role="${e=>e.interactive?"button":"group"}" class="card" tabindex="${e=>e.isFocusable?"0":null}" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-describedby="${e=>e.ariaDescribedby}" aria-disabled="${e=>e.interactive?e.disabled?"true":"false":null}" ${os("card")}><div class="root" ${os("root")}><div class="content"><slot></slot></div></div></div></template>`,Yr=Xr.compose({name:`${rr.prefix}-card`,template:Wr,styles:Kr,shadowOptions:{mode:rr.shadowRootMode}});class Ur extends Yn{}const Gr=ts`
13
13
  ${u("flex")}
14
- :host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${ae});padding:${le} ${v}}`;const Kr=Jn`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Wr=qr.compose({name:`${nr.prefix}-card-footer`,template:Kr,styles:Xr,shadowOptions:{mode:nr.shadowRootMode}});class Yr extends Wn{}const Gr=es`
14
+ :host{white-space:normal;display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${ae});padding:${le} ${b}}`;const Zr=es`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Qr=Ur.compose({name:`${rr.prefix}-card-footer`,template:Zr,styles:Gr,shadowOptions:{mode:rr.shadowRootMode}});class Jr extends Yn{}const ea=ts`
15
15
  ${u("flex")}
16
- :host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${de};font-weight:${ce}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${x};font-weight:${he}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${h}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${v}}.row{display:flex;align-items:center;gap:${f}}`;const Ur=Jn`<template><slot name="start"></slot><div class="image" part="image"><slot name="image"></slot></div><div class="header" part="header"><div class="row" part="row"><slot name="header"></slot></div><div class="row" part="row"><slot name="subtitle"></slot></div></div><slot></slot><slot name="action"></slot><slot name="end"></slot></template>`,Zr=Yr.compose({name:`${nr.prefix}-card-header`,template:Ur,styles:Gr,shadowOptions:{mode:nr.shadowRootMode}});class Qr extends Wn{}const Jr=es`
16
+ :host{white-space:normal;position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${de};font-weight:${ce}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${x};font-weight:${he}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${h}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${b}}.row{display:flex;align-items:center;gap:${f}}`;const ta=es`<template><slot name="start"></slot><div class="image" part="image"><slot name="image"></slot></div><div class="header" part="header"><div class="row" part="row"><slot name="header"></slot></div><div class="row" part="row"><slot name="subtitle"></slot></div></div><slot></slot><slot name="action"></slot><slot name="end"></slot></template>`,oa=Jr.compose({name:`${rr.prefix}-card-header`,template:ta,styles:ea,shadowOptions:{mode:rr.shadowRootMode}});class ia extends Yn{}const na=ts`
17
17
  ${u("flex")}
18
- :host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${ae};bottom:${ue}}::slotted(img){overflow:hidden}`;const ea=Jn`<template><slot></slot><slot name="badge"></slot></template>`,ta=Qr.compose({name:`${nr.prefix}-card-preview`,template:ea,styles:Jr,shadowOptions:{mode:nr.shadowRootMode}}),oa={grouped:"grouped",flexible:"flexible",hidden:"hidden"},ia={overContent:"over-content",outsideContent:"outside-content"},na={change:"change"},sa={select:"select",previous:"previous",next:"next"},ra=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?$s.rtl:$s.ltr};function aa(){return pa().value===$s.rtl}class la{constructor(e){this.elements=e}getDirection(){var e;for(const t of this.elements){const o=(null!==(e=t.getAttribute("dir"))&&void 0!==e?e:"").trim().toLowerCase();if(o===$s.rtl||o===$s.ltr)return o;if("auto"===o)return null}return null}}class da{constructor(e="html",t=document){this.mo=null,this.target=e,this.doc=t}start(e){var t;if(this.mo)return;const o="string"==typeof this.target?null!==(t=this.doc.querySelector(this.target))&&void 0!==t?t:this.doc.documentElement:this.target;o&&(this.mo=new MutationObserver(()=>e()),this.mo.observe(o,{attributes:!0,attributeFilter:["dir"]}))}stop(){var e;null===(e=this.mo)||void 0===e||e.disconnect(),this.mo=null}}class ca{constructor(e){var t;this.rafId=null,this._value=null,this.observing=!1,this.strategies=e.strategies,this.observers=null!==(t=e.observers)&&void 0!==t?t:[],this.onChange=e.onChange,this._value=this.computeDirection(),this.observers.length>0&&this.start()}get value(){var e;return null!==(e=this._value)&&void 0!==e?e:$s.ltr}start(){if(this.observing)return;this.observing=!0;const e=()=>{null==this.rafId&&("undefined"!=typeof requestAnimationFrame?this.rafId=requestAnimationFrame(()=>{this.rafId=null,this.refresh()}):this.refresh())};for(const t of this.observers)t.start(e);this.refresh()}stop(){null!=this.rafId&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.rafId),this.rafId=null;for(const e of this.observers)e.stop();this.observing=!1}stable(){return null==this.rafId}refresh(){var e;const t=this._value,o=this.computeDirection();if(o!==t){this._value=o;try{null===(e=this.onChange)||void 0===e||e.call(this,o,{previous:t})}catch{}}return this._value}computeDirection(){for(const e of this.strategies){const t=e.getDirection();if(t)return t}return null}}let ha=null;function ua(e){ha=e}function pa(){return ha||(ha=new ca({strategies:[new la([document.documentElement])],observers:[new da("html")]})),ha}const ma=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function va(e){const{items:t,isDisabled:o=ma,orientation:i="vertical",enableHomeEnd:n=!0,wrap:s=!0,preventDefault:r=!0,focusItem:a,onFocusChange:l,isRtl:d}=e,c=()=>{var e;return null!==(e=t().find(e=>"0"===e.getAttribute("tabindex")))&&void 0!==e?e:null},h=(e,i)=>{const n=null!=i?i:t();for(const t of n){const i=t===e&&!o(t);t.tabIndex=i?0:-1,t.setAttribute("tabindex",i?"0":"-1")}},u=(e,t,o,i)=>{h(e,i),o&&(e=>{a?a(e):e.focus()})(e),null!==t&&(null==l||l(e,t))},p=e=>{const i=t(),n=i.filter(e=>!o(e));if(0===n.length)return!1;if(1===n.length)return!1;const r=c();let a=r?n.indexOf(r):-1;-1===a&&(a=0);let l=a+e;if(s)l=(l+n.length)%n.length;else if(l<0||l>=n.length)return!1;const d=n[l];return u(d,l,!0,i),!0},m=()=>{const e=t(),i=e.filter(e=>!o(e));return 0!==i.length&&(u(i[0],0,!0,e),!0)},v=()=>{const e=t(),i=e.filter(e=>!o(e));if(0===i.length)return!1;const n=i.length-1;return u(i[n],n,!0,e),!0},b=(e,t)=>{const o=d();if("prev"===t){if(("vertical"===i||"both"===i)&&e===bs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===cs:e===ds))return!0}else{if(("vertical"===i||"both"===i)&&e===gs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===ds:e===cs))return!0}return!1};return{applyTabindex:()=>{const e=t();if(0===e.length)return;const i=e.filter(e=>!o(e));if(0===i.length)return void h(null,e);const n=c();n&&i.includes(n)?h(n,e):h(i[0],e)},move:p,focusFirst:m,focusLast:v,focus:e=>{const i=t();if(!i.includes(e))return!1;if(o(e))return!1;const n=i.filter(e=>!o(e)).indexOf(e);return u(e,-1!==n?n:null,!0,i),!0},sync:e=>{if(!(e&&e instanceof HTMLElement))return!1;const i=t(),n=i.find(t=>t===e||t.contains(e));if(!n)return!1;if(o(n))return!1;const s=i.filter(e=>!o(e)).indexOf(n);return u(n,-1!==s?s:null,!1,i),!0},handleKeydown:e=>{const{key:t}=e;let o=!1;return b(t,"prev")?o=p(-1):b(t,"next")?o=p(1):n&&t===ms?o=m():n&&t===vs&&(o=v()),o&&r&&e.preventDefault(),o},destroy:()=>{}}}class ba{constructor(){this.controllers=new WeakMap,this.currentItems=[]}update(e,t,o){const i=new Set(null!=e?e:[]),n=new Set(null!=t?t:[]);null==e||e.forEach(e=>{var t;n.has(e)||null===(t=this.controllers.get(e))||void 0===t||t.abort()}),null==t||t.forEach((e,t)=>{if(!i.has(e)){const i=new AbortController;this.controllers.set(e,i),o(e,t,i.signal)}}),this.currentItems=null!=t?t:[]}dispose(){this.currentItems.forEach(e=>{var t;null===(t=this.controllers.get(e))||void 0===t||t.abort()}),this.currentItems=[]}}var ga=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class fa extends Wn{constructor(){super(...arguments),this.buttonPlacement=oa.grouped,this.currentIndex=0,this.rovingFocus=va({items:()=>{var e;return null!==(e=this.slottedNavItems)&&void 0!==e?e:[]},orientation:"horizontal",wrap:!0,enableHomeEnd:!0,isRtl:()=>pa().value===$s.rtl}),this.navItemEvents=new ba,this.slottedNavItems=[]}currentIndexChanged(e,t){const o="string"==typeof t?parseInt(t,10):t;isNaN(o)||o===this.currentIndex||(this.currentIndex=o,this.updateActiveStates(),this.slottedNavItems[this.currentIndex]&&this.rovingFocus.sync(this.slottedNavItems[this.currentIndex]))}slottedNavItemsChanged(e,t){this.navItemEvents.update(e,t,(e,t,o)=>{e.addEventListener("click",()=>this.handleItemClick(t),{signal:o}),e.addEventListener("keydown",e=>this.handleIndicatorKeydown(e,t),{signal:o})}),this.updateActiveStates(),this.rovingFocus.applyTabindex()}updateActiveStates(){var e;null===(e=this.slottedNavItems)||void 0===e||e.forEach((e,t)=>{e.active=t===this.currentIndex})}handleIndicatorKeydown(e,t){const{key:o}=e;if(o===us||o===hs)return e.preventDefault(),void this.emitSelect(t);this.rovingFocus.handleKeydown(e)}handleItemClick(e){this.emitSelect(e)}handlePrevClick(){this.dispatchEvent(new CustomEvent(sa.previous,{bubbles:!0,composed:!0}))}handleNextClick(){this.dispatchEvent(new CustomEvent(sa.next,{bubbles:!0,composed:!0}))}emitSelect(e){this.dispatchEvent(new CustomEvent(sa.select,{detail:{index:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.navItemEvents.dispose(),this.rovingFocus.destroy(),super.disconnectedCallback()}}function wa(e){return"true"===e.getAttribute("aria-disabled")}function ya(e){return"true"===e.getAttribute("aria-hidden")}function $a(e){return!wa(e)&&!ya(e)&&null!==e.offsetParent}function xa(e,t){e.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), fabric-button, fabric-link, fabric-input, fabric-card-footer button').forEach(e=>{const o=e;o.tabIndex=t?0:-1})}function Ca(e,...t){const o=os.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});os.locate(t).forEach(e=>o.push(e))})}function ka(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Ia(e,t){let o;return function(...i){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,i),t)}}ga([Yn({attribute:"button-placement"})],fa.prototype,"buttonPlacement",void 0),ga([Yn({attribute:"current-index"})],fa.prototype,"currentIndex",void 0),ga([Gn],fa.prototype,"slottedNavItems",void 0);class Ea{static setAssertFailFunction(e){Ea.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Ea.assertFail(t)}static assertDefined(e,t){this.enabled&&Ea.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Ea.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Ea.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Ea.assertFailFunction||alert)(`Debug Assert failed: ${e}`)}static log(e,...t){this.enabled&&console.log(e,...t||[])}static logDebug(e,...t){this.enabled&&console.debug(e,...t||[])}static warn(e,...t){this.enabled&&console&&console.warn&&console.warn(e,...t||[])}static execute(e){this.enabled&&e()}static enable(){this.enabled=!0}}Ea.enabled=!1;const Sa=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class La{constructor(e){this.ariaDescription=null,this.ariaBrailleLabel=null,this.ariaBrailleRoleDescription=null,this._form=null,this._labels=document.createDocumentFragment().childNodes,this.role="",this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColIndexText="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRelevant="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowIndexText="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this._element=e}get form(){return this._form||(this._form=this._element.closest("form")),this._form}get labels(){return this._labels}get shadowRoot(){return null}get states(){return new Set}get validationMessage(){return""}get validity(){return{badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}}get willValidate(){return!0}checkValidity(){return!0}reportValidity(){return!0}setFormValue(e,t){}setValidity(e,t,o){}}function Ma(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new La(this)})}const Pa=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name"]);function za(e){if(!/^[a-z][.0-9_a-z-]*-[.0-9_a-z-]*$/.test(e)||Pa.has(e))throw new Error(`Invalid custom element name: "${e}". Custom element names must start with a lowercase ASCII letter, contain a hyphen, and use only lowercase ASCII letters, numbers, '.', '_', or '-'.`)}function Ra(e){return za(e.name),e}function Aa(e,...t){if(!e)throw new Error("composeDefinitions requires at least one definition.");const o=e.name;return za(o),{name:o,define(o){const i=function(e){const t=null!=e?e:globalThis.customElements;if(!t)throw new Error("CustomElementRegistry is not available in this environment.");return t}(o),n=new Set;for(const o of[...t,e])za(o.name),n.has(o.name)||i.get(o.name)||o.define(i),n.add(o.name)}}}class Oa{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Ta extends Oa{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Ta(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:i}=this;i&&!t?(e.addStyles(o),t=i):!i&&t&&(e.removeStyles(o),t=i)}}removedCallback(e){e.removeStyles(this.styles)}}const Da=Ta.with(window.matchMedia("(forced-colors)"));Ta.with(window.matchMedia("(prefers-color-scheme: dark)")),Ta.with(window.matchMedia("(prefers-color-scheme: light)"));const Ba="undefined"!=typeof navigator&&navigator.userAgent.includes("Mac");function Va(e){return Ba?e.metaKey:e.ctrlKey}function _a(e){return e?"string"==typeof e?new is(e):"inline"in e?e.inline():e:is.empty}const Ha=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)};function Fa(e,t,o){let i=e;return void 0!==t&&i<t&&(i=t),void 0!==o&&i>o&&(i=o),i}function Na(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}const ja=es`
19
- :host{display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${ae}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${pe};height:${pe};padding:${L};background:${B};color:${me};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${_}}.nav-button:focus-visible{outline:2px solid ${me};outline-offset:2px;border-radius:${ve}}`.withBehaviors(Da(es`
20
- .nav-button:focus-visible{outline-color:Highlight !important}`));const qa=Jn`<template button-placement="${e=>e.buttonPlacement}"><div class="nav-content"><button class="nav-button prev-button" aria-label="Previous" @click="${e=>e.handlePrevClick()}">${lr}</button><div class="indicators" role="tablist" aria-label="Choose slide to display"><slot ${Qn({property:"slottedNavItems",filter:e=>"FABRIC-CAROUSEL-NAV-ITEM"===e.tagName})}></slot></div><button class="nav-button next-button" aria-label="Next" @click="${e=>e.handleNextClick()}">${dr}</button></div></template>`,Xa=fa.compose({name:`${nr.prefix}-carousel-nav`,template:qa,styles:ja,shadowOptions:{mode:nr.shadowRootMode}});var Ka=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Wa extends Wn{constructor(){super(...arguments),this.active=!1}}Ka([Yn({mode:"boolean"})],Wa.prototype,"active",void 0),Ka([Gn],Wa.prototype,"tabId",void 0),Ka([Gn],Wa.prototype,"panelId",void 0),Ka([Gn],Wa.prototype,"tabLabel",void 0);const Ya=es`
21
- :host{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:${pe};height:${be}}.indicator{display:block;width:${v};height:${v};border-radius:${ge};background:${fe};opacity:0.3;transition:width ${we} ${ye},opacity ${we} ${ye}}:host([active]) .indicator{width:${c};opacity:1;background:${me}}:host(:hover) .indicator{opacity:0.6}:host([active]:hover) .indicator{opacity:1}:host(:focus-visible){outline:2px solid ${me};border-radius:${ve}}@media (prefers-reduced-motion:reduce){.indicator{transition:none}}`.withBehaviors(Da(es`
22
- :host(:focus-visible){outline-color:Highlight !important}`));const Ga=Jn`<template role="tab" id="${e=>e.tabId}" aria-selected="${e=>e.active}" aria-controls="${e=>e.panelId}" aria-label="${e=>e.tabLabel}" tabindex="-1" ?active="${e=>e.active}"><span class="indicator"><slot></slot></span></template>`,Ua=Wa.compose({name:`${nr.prefix}-carousel-nav-item`,template:Ga,styles:Ya,shadowOptions:{mode:nr.shadowRootMode}});var Za=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qa extends Wn{constructor(){super(...arguments),this.carouselId="carousel-"+Qa.idCounter++,this.navPosition=ia.outsideContent,this.navButtonPlacement=oa.grouped,this.currentIndex=0,this.slottedItems=[]}get totalItems(){return this.slottedItems.length}generatedNavChanged(e,t){var o;null===(o=this.eventListenerAbortController)||void 0===o||o.abort(),t&&this.setupNavListeners(t)}currentIndexChanged(e,t){this.updateActiveStates(),void 0!==e&&this.emitChange(t,e)}slottedItemsChanged(){this.updateActiveStates()}next(){this.currentIndex<this.totalItems-1&&this.currentIndex++}prev(){this.currentIndex>0&&this.currentIndex--}scrollToIndex(e){e>=0&&e<this.totalItems&&(this.currentIndex=e)}updateActiveStates(){var e,t;(null===(e=this.slottedItems)||void 0===e?void 0:e.length)&&(this.currentIndex=Math.min(this.currentIndex,this.slottedItems.length-1)),null===(t=this.slottedItems)||void 0===t||t.forEach((e,t)=>{e.active=t===this.currentIndex,e.panelId=`${this.carouselId}-panel-${t}`,e.tabId=`${this.carouselId}-tab-${t}`})}getTabId(e){return`${this.carouselId}-tab-${e}`}getPanelId(e){return`${this.carouselId}-panel-${e}`}getTabLabel(e){var t,o;const i=null===(t=this.slottedItems)||void 0===t?void 0:t[e];return null!==(o=null==i?void 0:i.label)&&void 0!==o?o:`Slide ${e+1}`}setupNavListeners(e){this.eventListenerAbortController=new AbortController;const{signal:t}=this.eventListenerAbortController;e.addEventListener("select",e=>this.scrollToIndex(e.detail.index),{signal:t}),e.addEventListener("previous",()=>this.prev(),{signal:t}),e.addEventListener("next",()=>this.next(),{signal:t})}emitChange(e,t){this.dispatchEvent(new CustomEvent(na.change,{detail:{index:e,previousIndex:t},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),Xa.define(customElements),Ua.define(customElements),this.updateActiveStates()}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.eventListenerAbortController)||void 0===e||e.abort()}}Qa.idCounter=0,Za([Yn({attribute:"nav-position"})],Qa.prototype,"navPosition",void 0),Za([Yn({attribute:"nav-button-placement"})],Qa.prototype,"navButtonPlacement",void 0),Za([Gn],Qa.prototype,"currentIndex",void 0),Za([Gn],Qa.prototype,"slottedItems",void 0),Za([Gn],Qa.prototype,"generatedNav",void 0);const Ja=es`
23
- :host{--_carousel-dir:-1;display:flex;flex-direction:column;position:relative;background:${B}}:host(:dir(rtl)){--_carousel-dir:1}.viewport{overflow:hidden;position:relative;width:100%}.track{display:flex;transition:transform ${$e} ${ye};will-change:transform}@media (prefers-reduced-motion:reduce){.track{transition:none}}.nav-container{display:flex;justify-content:center;width:100%}:host([nav-position="outside-content"]) .nav-container{position:relative;margin-block-start:${ue}}:host([nav-position="over-content"]) .nav-container{position:absolute;inset-block-end:${ue};inset-inline:0;z-index:1}`;const el=Jn`<template role="region" aria-roledescription="carousel" nav-position="${e=>e.navPosition}" nav-button-placement="${e=>e.navButtonPlacement}"><div class="viewport" aria-live="polite" aria-atomic="false"><div class="track" style="transform: translateX(calc(var(--_carousel-dir) * ${e=>e.currentIndex} * 100%))"><slot ${Qn({property:"slottedItems",filter:e=>"FABRIC-CAROUSEL-ITEM"===e.tagName})}></slot></div></div><div class="nav-container"><fabric-carousel-nav ${ts("generatedNav")} button-placement="${e=>e.navButtonPlacement}" current-index="${e=>e.currentIndex}">${ns(e=>e.slottedItems,Jn`<fabric-carousel-nav-item :tabId="${(e,t)=>t.parent.getTabId(t.index)}" :panelId="${(e,t)=>t.parent.getPanelId(t.index)}" :tabLabel="${(e,t)=>t.parent.getTabLabel(t.index)}"></fabric-carousel-nav-item>`,{positioning:!0})}</fabric-carousel-nav></div></template>`,tl=Qa.compose({name:`${nr.prefix}-carousel`,template:el,styles:Ja,shadowOptions:{mode:nr.shadowRootMode}});function ol(e=customElements){Xa.define(e),Ua.define(e),tl.define(e)}ol(nr.registry);var il=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class nl extends Wn{constructor(){super(...arguments),this.active=!1}}il([Yn({mode:"boolean"})],nl.prototype,"active",void 0),il([Yn],nl.prototype,"label",void 0),il([Gn],nl.prototype,"panelId",void 0),il([Gn],nl.prototype,"tabId",void 0);const sl=es`
24
- :host{display:block;flex-shrink:0;width:100%;box-sizing:border-box}`;const rl=Jn`<template role="tabpanel" id="${e=>e.panelId}" aria-labelledby="${e=>e.tabId}" aria-label="${e=>e.label}" ?active="${e=>e.active}" ?aria-hidden="${e=>!e.active}" tabindex="${e=>e.active?0:-1}"><slot></slot></template>`,al=nl.compose({name:`${nr.prefix}-carousel-item`,template:rl,styles:sl,shadowOptions:{mode:nr.shadowRootMode}});var ll,dl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},cl=window&&window.__classPrivateFieldSet||function(e,t,o,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(e,o):n?n.value=o:t.set(e,o),o},hl=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class ul extends Wn{constructor(){super(...arguments),ll.set(this,void 0),this.slottedCarouselItems=[],this.slottedCarouselItemsLoaded=!1,this.currentIndex=0,this.gapWidth=16,this.handleNext=()=>{this.next()},this.handlePrev=()=>{this.prev()},this.cachedContainerWidth=0,this.shouldRecalculateLayout=!0,this.resizeObserver=void 0,this.itemMeasurements=[],this.lastVisibleItemIndex=-1}slottedCarouselItemsChanged(e,t){e&&t&&t.length!==e.length&&(this.slottedCarouselItemsLoaded=!0),this.updateButtonStates()}currentIndexChanged(){this.updateButtonStates()}updateButtonStates(){var e,t;(null===(e=this.nextButton)||void 0===e?void 0:e[0])&&(null===(t=this.prevButton)||void 0===t?void 0:t[0])&&(this.prevButton[0].toggleAttribute("disabled",0===this.currentIndex),this.nextButton[0].toggleAttribute("disabled",this.isAtEnd()))}setEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].addEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].addEventListener("click",this.handlePrev)}removeEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].removeEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].removeEventListener("click",this.handlePrev)}connectedCallback(){super.connectedCallback(),this.updateDirection();const e=`fabric-card-carousel-header-${ws()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),Un.enqueue(()=>{this.updateVisibleItems(),this.updateButtonStates(),this.setEventListeners()}),this.setupResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.removeEventListeners()}next(){if(!this.isAtEnd()){const e=this.visibleItemsCount,t=Math.max(0,this.slottedCarouselItems.length-e);this.currentIndex=Math.min(this.currentIndex+this.getNextVisibleItemsCount("next"),t),this.updateVisibleItems()}}prev(){if(this.currentIndex>0){const e=this.getNextVisibleItemsCount("prev");this.currentIndex-=e,this.updateVisibleItems()}}scrollToIndex(e,t=0){if(!this.slottedCarouselItemsLoaded)return t>=10?void console.warn("carousel:scrollToIndex -- scroll overflow exceeded: 10. No slotted carousel elements.",e):void requestAnimationFrame(()=>this.scrollToIndex(e));e<0||e>=this.slottedCarouselItems.length?console.warn(`Invalid index ${e}. Must be between 0 and ${this.slottedCarouselItems.length-1}`):(this.currentIndex=e,this.updateVisibleItems(),this.updateButtonStates())}setupResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.cachedContainerWidth=0,this.measureItems(),this.updateVisibleItems()}),this.resizeObserver.observe(this)}measureItems(){this.shouldRecalculateLayout&&(this.itemMeasurements=this.slottedCarouselItems.map(e=>e.getBoundingClientRect().width+this.gapWidth),this.shouldRecalculateLayout=!1)}get visibleItemsCount(){this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());let e=0,t=0,o=this.currentIndex,i=!1;for(;!i;)e+this.itemMeasurements[o]<=this.cachedContainerWidth?(e+=this.itemMeasurements[o],o++,o>=this.currentIndex&&t++):i=!0;return this.lastVisibleItemIndex=o-1,t}isAtEnd(){const e=this.slottedCarouselItems.length,t=this.visibleItemsCount,o=Math.max(0,e-t);return this.currentIndex>=o}getNextVisibleItemsCount(e){let t=0,o=0;this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());const i=this.itemMeasurements.slice("next"===e?this.currentIndex:0,"next"===e?this.slottedCarouselItems.length:this.currentIndex);for(const e of i){if(!(t+e<=this.cachedContainerWidth))break;t+=e,o++}return o}updateDirection(){var e;const t=getComputedStyle(this).direction,o=document.documentElement.dir,i=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("dir");cl(this,ll,"rtl"===t||"rtl"===o||"rtl"===i,"f")}getTransform(e){void 0===hl(this,ll,"f")&&this.updateDirection();return`translateX(${hl(this,ll,"f")?e:-e}px)`}updateVisibleItems(){Un.enqueue(()=>{let e=0;this.itemMeasurements.length>0&&(this.slottedCarouselItems.forEach((t,o)=>{o>this.lastVisibleItemIndex||o<this.currentIndex?(t.setAttribute("aria-hidden","true"),t.tabIndex=-1,xa(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,xa(t,!0)),o<this.currentIndex&&(e+=this.itemMeasurements[o])}),this.viewportRef&&(this.disableAnimation?this.viewportRef.style.transition="none":this.viewportRef.style.transition="",this.viewportRef.style.transform=this.getTransform(e)))})}}ll=new WeakMap,dl([Yn({mode:"boolean",attribute:"disable-animation"})],ul.prototype,"disableAnimation",void 0),dl([Gn],ul.prototype,"slottedCarouselItems",void 0),dl([Gn],ul.prototype,"header",void 0),dl([Gn],ul.prototype,"viewportRef",void 0),dl([Gn],ul.prototype,"currentIndex",void 0),dl([Gn],ul.prototype,"nextButton",void 0),dl([Gn],ul.prototype,"prevButton",void 0);const pl=es`
18
+ :host{white-space:normal;position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${ae};bottom:${ue}}::slotted(img){overflow:hidden}`;const sa=es`<template><slot></slot><slot name="badge"></slot></template>`,ra=ia.compose({name:`${rr.prefix}-card-preview`,template:sa,styles:na,shadowOptions:{mode:rr.shadowRootMode}}),aa={grouped:"grouped",flexible:"flexible",hidden:"hidden"},la={overContent:"over-content",outsideContent:"outside-content"},da={change:"change"};class ca{get currentIndex(){return Qn.track(this,"currentIndex"),this._currentIndex}set currentIndex(e){this._currentIndex!==e&&(this._currentIndex=e,Qn.notify(this,"currentIndex"),this.syncActiveStates())}get items(){return Qn.track(this,"items"),this._items}set items(e){this._items=e,Qn.notify(this,"items"),this.updateActiveStates()}get totalItems(){return this.items.length}constructor(e){var t;this._currentIndex=0,this._items=[],this.idPrefix=null!==(t=null==e?void 0:e.idPrefix)&&void 0!==t?t:"carousel-"+ca.idCounter++}next(){this._currentIndex<this.totalItems-1&&(this.currentIndex=this._currentIndex+1)}prev(){this._currentIndex>0&&(this.currentIndex=this._currentIndex-1)}scrollToIndex(e){e>=0&&e<this.totalItems&&(this.currentIndex=e)}updateActiveStates(){if(this._items.length){const e=Math.min(this._currentIndex,this._items.length-1);if(e!==this._currentIndex)return void(this.currentIndex=e)}this.syncActiveStates()}syncActiveStates(){this._items.forEach((e,t)=>{e.active=t===this._currentIndex,e.panelId=this.getPanelId(t),e.tabId=this.getTabId(t)})}getTabId(e){return`${this.idPrefix}-tab-${e}`}getPanelId(e){return`${this.idPrefix}-panel-${e}`}getTabLabel(e){var t;const o=this._items[e];return null!==(t=null==o?void 0:o.label)&&void 0!==t?t:Is("Carousel_Slide",e+1)}}ca.idCounter=0;var ha=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ua extends Yn{constructor(){super(...arguments),this.controller=new ca,this.navPosition=la.outsideContent,this.navButtonPlacement=aa.grouped,this.slottedItems=[]}get currentIndex(){return this.controller.currentIndex}set currentIndex(e){const t=this.controller.currentIndex;e!==t&&(this.controller.currentIndex=e,this.emitChange(e,t))}get totalItems(){return this.controller.totalItems}slottedItemsChanged(){this.controller.items=this.slottedItems,this.controller.updateActiveStates()}next(){this.controller.currentIndex<this.totalItems-1&&(this.currentIndex=this.controller.currentIndex+1)}prev(){this.controller.currentIndex>0&&(this.currentIndex=this.controller.currentIndex-1)}scrollToIndex(e){e>=0&&e<this.totalItems&&(this.currentIndex=e)}getTabId(e){return this.controller.getTabId(e)}getPanelId(e){return this.controller.getPanelId(e)}getTabLabel(e){return this.controller.getTabLabel(e)}connectedCallback(){super.connectedCallback(),this.controller.items=this.slottedItems,this.controller.updateActiveStates()}emitChange(e,t){this.dispatchEvent(new CustomEvent(da.change,{detail:{index:e,previousIndex:t},bubbles:!0,composed:!0}))}}ha([Un({attribute:"nav-position"})],ua.prototype,"navPosition",void 0),ha([Un({attribute:"nav-button-placement"})],ua.prototype,"navButtonPlacement",void 0),ha([Gn],ua.prototype,"slottedItems",void 0);const pa={select:"select",previous:"previous",next:"next"},ma=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?xs.rtl:xs.ltr};function ba(){return $a().value===xs.rtl}class va{constructor(e){this.elements=e}getDirection(){var e;for(const t of this.elements){const o=(null!==(e=t.getAttribute("dir"))&&void 0!==e?e:"").trim().toLowerCase();if(o===xs.rtl||o===xs.ltr)return o;if("auto"===o)return null}return null}}class ga{constructor(e="html",t=document){this.mo=null,this.target=e,this.doc=t}start(e){var t;if(this.mo)return;const o="string"==typeof this.target?null!==(t=this.doc.querySelector(this.target))&&void 0!==t?t:this.doc.documentElement:this.target;o&&(this.mo=new MutationObserver(()=>e()),this.mo.observe(o,{attributes:!0,attributeFilter:["dir"]}))}stop(){var e;null===(e=this.mo)||void 0===e||e.disconnect(),this.mo=null}}class fa{constructor(e){var t;this.rafId=null,this._value=null,this.observing=!1,this.strategies=e.strategies,this.observers=null!==(t=e.observers)&&void 0!==t?t:[],this.onChange=e.onChange,this._value=this.computeDirection(),this.observers.length>0&&this.start()}get value(){var e;return null!==(e=this._value)&&void 0!==e?e:xs.ltr}start(){if(this.observing)return;this.observing=!0;const e=()=>{null==this.rafId&&("undefined"!=typeof requestAnimationFrame?this.rafId=requestAnimationFrame(()=>{this.rafId=null,this.refresh()}):this.refresh())};for(const t of this.observers)t.start(e);this.refresh()}stop(){null!=this.rafId&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.rafId),this.rafId=null;for(const e of this.observers)e.stop();this.observing=!1}stable(){return null==this.rafId}refresh(){var e;const t=this._value,o=this.computeDirection();if(o!==t){this._value=o;try{null===(e=this.onChange)||void 0===e||e.call(this,o,{previous:t})}catch{}}return this._value}computeDirection(){for(const e of this.strategies){const t=e.getDirection();if(t)return t}return null}}let wa=null;function ya(e){wa=e}function $a(){return wa||(wa=new fa({strategies:[new va([document.documentElement])],observers:[new ga("html")]})),wa}const xa=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function Ca(e){const{items:t,isDisabled:o=xa,orientation:i="vertical",enableHomeEnd:n=!0,wrap:s=!0,preventDefault:r=!0,focusItem:a,onFocusChange:l,isRtl:d}=e,c=()=>{var e;return null!==(e=t().find(e=>"0"===e.getAttribute("tabindex")))&&void 0!==e?e:null},h=(e,i)=>{const n=null!=i?i:t();for(const t of n){const i=t===e&&!o(t);t.tabIndex=i?0:-1,t.setAttribute("tabindex",i?"0":"-1")}},u=(e,t,o,i)=>{h(e,i),o&&(e=>{a?a(e):e.focus()})(e),null!==t&&(null==l||l(e,t))},p=e=>{const i=t(),n=i.filter(e=>!o(e));if(0===n.length)return!1;if(1===n.length)return!1;const r=c();let a=r?n.indexOf(r):-1;-1===a&&(a=0);let l=a+e;if(s)l=(l+n.length)%n.length;else if(l<0||l>=n.length)return!1;const d=n[l];return u(d,l,!0,i),!0},m=()=>{const e=t(),i=e.filter(e=>!o(e));return 0!==i.length&&(u(i[0],0,!0,e),!0)},b=()=>{const e=t(),i=e.filter(e=>!o(e));if(0===i.length)return!1;const n=i.length-1;return u(i[n],n,!0,e),!0},v=(e,t)=>{const o=d();if("prev"===t){if(("vertical"===i||"both"===i)&&e===gs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===hs:e===cs))return!0}else{if(("vertical"===i||"both"===i)&&e===fs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===cs:e===hs))return!0}return!1};return{applyTabindex:()=>{const e=t();if(0===e.length)return;const i=e.filter(e=>!o(e));if(0===i.length)return void h(null,e);const n=c();n&&i.includes(n)?h(n,e):h(i[0],e)},move:p,focusFirst:m,focusLast:b,focus:e=>{const i=t();if(!i.includes(e))return!1;if(o(e))return!1;const n=i.filter(e=>!o(e)).indexOf(e);return u(e,-1!==n?n:null,!0,i),!0},sync:e=>{if(!(e&&e instanceof HTMLElement))return!1;const i=t(),n=i.find(t=>t===e||t.contains(e));if(!n)return!1;if(o(n))return!1;const s=i.filter(e=>!o(e)).indexOf(n);return u(n,-1!==s?s:null,!1,i),!0},handleKeydown:e=>{const{key:t}=e;let o=!1;return v(t,"prev")?o=p(-1):v(t,"next")?o=p(1):n&&t===bs?o=m():n&&t===vs&&(o=b()),o&&r&&e.preventDefault(),o},destroy:()=>{}}}class ka{constructor(){this.controllers=new WeakMap,this.currentItems=[]}update(e,t,o){const i=new Set(null!=e?e:[]),n=new Set(null!=t?t:[]);null==e||e.forEach(e=>{var t;n.has(e)||null===(t=this.controllers.get(e))||void 0===t||t.abort()}),null==t||t.forEach((e,t)=>{if(!i.has(e)){const i=new AbortController;this.controllers.set(e,i),o(e,t,i.signal)}}),this.currentItems=null!=t?t:[]}dispose(){this.currentItems.forEach(e=>{var t;null===(t=this.controllers.get(e))||void 0===t||t.abort()}),this.currentItems=[]}}var Ia=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ea extends Yn{constructor(){super(...arguments),this.buttonPlacement=aa.grouped,this.currentIndex=0,this.rovingFocus=Ca({items:()=>{var e;return null!==(e=this.slottedNavItems)&&void 0!==e?e:[]},orientation:"horizontal",wrap:!0,enableHomeEnd:!0,isRtl:()=>$a().value===xs.rtl}),this.navItemEvents=new ka,this.slottedNavItems=[]}currentIndexChanged(e,t){const o="string"==typeof t?parseInt(t,10):t;isNaN(o)||o===this.currentIndex||(this.currentIndex=o,this.updateActiveStates(),this.slottedNavItems[this.currentIndex]&&this.rovingFocus.sync(this.slottedNavItems[this.currentIndex]))}slottedNavItemsChanged(e,t){this.navItemEvents.update(e,t,(e,t,o)=>{e.addEventListener("click",()=>this.handleItemClick(t),{signal:o}),e.addEventListener("keydown",e=>this.handleIndicatorKeydown(e,t),{signal:o})}),this.updateActiveStates(),this.rovingFocus.applyTabindex()}updateActiveStates(){var e;null===(e=this.slottedNavItems)||void 0===e||e.forEach((e,t)=>{e.active=t===this.currentIndex})}handleIndicatorKeydown(e,t){var o;const{key:i}=e;if(i===ps||i===us)return e.preventDefault(),null===(o=this.controller)||void 0===o||o.scrollToIndex(t),void this.emitSelect(t);this.rovingFocus.handleKeydown(e)}handleItemClick(e){var t;null===(t=this.controller)||void 0===t||t.scrollToIndex(e),this.emitSelect(e)}handlePrevClick(){var e;null===(e=this.controller)||void 0===e||e.prev(),this.dispatchEvent(new CustomEvent(pa.previous,{bubbles:!0,composed:!0}))}handleNextClick(){var e;null===(e=this.controller)||void 0===e||e.next(),this.dispatchEvent(new CustomEvent(pa.next,{bubbles:!0,composed:!0}))}emitSelect(e){this.dispatchEvent(new CustomEvent(pa.select,{detail:{index:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.navItemEvents.dispose(),this.rovingFocus.destroy(),super.disconnectedCallback()}}function La(e){return"true"===e.getAttribute("aria-disabled")}function Sa(e){return"true"===e.getAttribute("aria-hidden")}function Ma(e){return!La(e)&&!Sa(e)&&null!==e.offsetParent}function Ta(e,t){e.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), fabric-button, fabric-link, fabric-input, fabric-card-footer button').forEach(e=>{const o=e;o.tabIndex=t?0:-1})}function Pa(e,...t){const o=is.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});is.locate(t).forEach(e=>o.push(e))})}function Ra(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function za(e,t){let o;return function(...i){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,i),t)}}Ia([Un({attribute:"button-placement"})],Ea.prototype,"buttonPlacement",void 0),Ia([Un({attribute:"current-index"})],Ea.prototype,"currentIndex",void 0),Ia([Gn],Ea.prototype,"controller",void 0),Ia([Gn],Ea.prototype,"slottedNavItems",void 0);class Aa{static setAssertFailFunction(e){Aa.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Aa.assertFail(t)}static assertDefined(e,t){this.enabled&&Aa.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Aa.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Aa.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Aa.assertFailFunction||alert)(`Debug Assert failed: ${e}`)}static log(e,...t){this.enabled&&console.log(e,...t||[])}static logDebug(e,...t){this.enabled&&console.debug(e,...t||[])}static warn(e,...t){this.enabled&&console&&console.warn&&console.warn(e,...t||[])}static execute(e){this.enabled&&e()}static enable(){this.enabled=!0}}Aa.enabled=!1;const Oa=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class Da{constructor(e){this.ariaDescription=null,this.ariaBrailleLabel=null,this.ariaBrailleRoleDescription=null,this._form=null,this._labels=document.createDocumentFragment().childNodes,this.role="",this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColIndexText="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRelevant="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowIndexText="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this._element=e}get form(){return this._form||(this._form=this._element.closest("form")),this._form}get labels(){return this._labels}get shadowRoot(){return null}get states(){return new Set}get validationMessage(){return""}get validity(){return{badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}}get willValidate(){return!0}checkValidity(){return!0}reportValidity(){return!0}setFormValue(e,t){}setValidity(e,t,o){}}function Ba(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new Da(this)})}const _a=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name"]);function Va(e){if(!/^[a-z][.0-9_a-z-]*-[.0-9_a-z-]*$/.test(e)||_a.has(e))throw new Error(`Invalid custom element name: "${e}". Custom element names must start with a lowercase ASCII letter, contain a hyphen, and use only lowercase ASCII letters, numbers, '.', '_', or '-'.`)}function Fa(e){return Va(e.name),e}function Ha(e,...t){if(!e)throw new Error("composeDefinitions requires at least one definition.");const o=e.name;return Va(o),{name:o,define(o){const i=function(e){const t=null!=e?e:globalThis.customElements;if(!t)throw new Error("CustomElementRegistry is not available in this environment.");return t}(o),n=new Set;for(const o of[...t,e])Va(o.name),n.has(o.name)||i.get(o.name)||o.define(i),n.add(o.name)}}}class ja{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Na extends ja{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Na(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:i}=this;i&&!t?(e.addStyles(o),t=i):!i&&t&&(e.removeStyles(o),t=i)}}removedCallback(e){e.removeStyles(this.styles)}}const qa=Na.with(window.matchMedia("(forced-colors)"));Na.with(window.matchMedia("(prefers-color-scheme: dark)")),Na.with(window.matchMedia("(prefers-color-scheme: light)"));const Xa="undefined"!=typeof navigator&&navigator.userAgent.includes("Mac");function Ka(e){return Xa?e.metaKey:e.ctrlKey}function Wa(e){return e?"string"==typeof e?new ns(e):"inline"in e?e.inline():e:ns.empty}const Ya=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)};function Ua(e,t,o){let i=e;return void 0!==t&&i<t&&(i=t),void 0!==o&&i>o&&(i=o),i}function Ga(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}const Za=ts`
19
+ :host{white-space:normal;display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${ae}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${pe};height:${pe};padding:${S};background:${B};color:${me};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${V}}.nav-button:focus-visible{outline:2px solid ${me};outline-offset:2px;border-radius:${be}}`.withBehaviors(qa(ts`
20
+ .nav-button:focus-visible{outline-color:Highlight !important}`));const Qa=es`<template button-placement="${e=>e.buttonPlacement}"><div class="nav-content"><slot name="prev-button"><button class="nav-button prev-button" aria-label="${ss(()=>Es("Carousel_Previous"))}" @click="${e=>e.handlePrevClick()}">${ur}</button></slot><div class="indicators" role="tablist" aria-label="${ss(()=>Es("Carousel_SlideIndicators"))}"><slot ${Jn({property:"slottedNavItems",filter:e=>"FABRIC-CAROUSEL-NAV-ITEM"===e.tagName})}></slot></div><slot name="next-button"><button class="nav-button next-button" aria-label="${ss(()=>Es("Carousel_Next"))}" @click="${e=>e.handleNextClick()}">${pr}</button></slot></div></template>`,Ja=Ea.compose({name:`${rr.prefix}-carousel-nav`,template:Qa,styles:Za,shadowOptions:{mode:rr.shadowRootMode}});var el=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class tl extends Yn{constructor(){super(...arguments),this.active=!1}}el([Un({mode:"boolean"})],tl.prototype,"active",void 0),el([Gn],tl.prototype,"tabId",void 0),el([Gn],tl.prototype,"panelId",void 0),el([Gn],tl.prototype,"tabLabel",void 0);const ol=ts`
21
+ :host{white-space:normal;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:${pe};height:${ve}}.indicator{display:block;width:${b};height:${b};border-radius:${ge};background:${fe};opacity:0.3;transition:width ${we} ${ye},opacity ${we} ${ye}}:host([active]) .indicator{width:${c};opacity:1;background:${me}}:host(:hover) .indicator{opacity:0.6}:host([active]:hover) .indicator{opacity:1}:host(:focus-visible){outline:2px solid ${me};border-radius:${be}}@media (prefers-reduced-motion:reduce){.indicator{transition:none}}`.withBehaviors(qa(ts`
22
+ :host(:focus-visible){outline-color:Highlight !important}`));const il=es`<template role="tab" id="${e=>e.tabId}" aria-selected="${e=>e.active}" aria-controls="${e=>e.panelId}" aria-label="${e=>e.tabLabel}" tabindex="-1" ?active="${e=>e.active}"><span class="indicator"><slot></slot></span></template>`,nl=tl.compose({name:`${rr.prefix}-carousel-nav-item`,template:il,styles:ol,shadowOptions:{mode:rr.shadowRootMode}});var sl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class rl extends Yn{}sl([Gn],rl.prototype,"controller",void 0);const al=ts`
23
+ :host{white-space:normal;--_carousel-dir:-1;display:block;overflow:hidden;position:relative;width:100%}:host(:dir(rtl)){--_carousel-dir:1}.track{display:flex;transition:transform ${$e} ${ye};will-change:transform}@media (prefers-reduced-motion:reduce){.track{transition:none}}`;const ll=es`<template aria-live="polite" aria-atomic="false"><div class="track" style="transform: translateX(calc(var(--_carousel-dir) * ${e=>{var t,o;return null!==(o=null===(t=e.controller)||void 0===t?void 0:t.currentIndex)&&void 0!==o?o:0}} * 100%))"><slot></slot></div></template>`,dl=rl.compose({name:`${rr.prefix}-carousel-viewport`,template:ll,styles:al,shadowOptions:{mode:rr.shadowRootMode}}),cl=ts`
24
+ :host{white-space:normal;--_carousel-dir:-1;display:flex;flex-direction:column;position:relative;background:${B}}:host(:dir(rtl)){--_carousel-dir:1}.nav-container{display:flex;justify-content:center;width:100%}:host([nav-position="outside-content"]) .nav-container{position:relative;margin-block-start:${ue}}:host([nav-position="over-content"]) .nav-container{position:absolute;inset-block-end:${ue};inset-inline:0;z-index:1}`;const hl=es`<template role="region" aria-roledescription="carousel" nav-position="${e=>e.navPosition}" nav-button-placement="${e=>e.navButtonPlacement}"><fabric-carousel-viewport :controller="${e=>e.controller}"><slot ${Jn({property:"slottedItems",filter:e=>"FABRIC-CAROUSEL-ITEM"===e.tagName})}></slot></fabric-carousel-viewport><div class="nav-container"><fabric-carousel-nav :controller="${e=>e.controller}" button-placement="${e=>e.navButtonPlacement}" current-index="${e=>e.currentIndex}">${rs(e=>e.slottedItems,es`<fabric-carousel-nav-item :tabId="${(e,t)=>t.parent.getTabId(t.index)}" :panelId="${(e,t)=>t.parent.getPanelId(t.index)}" :tabLabel="${(e,t)=>t.parent.getTabLabel(t.index)}"></fabric-carousel-nav-item>`,{positioning:!0})}</fabric-carousel-nav></div></template>`,ul=ua.compose({name:`${rr.prefix}-carousel`,template:hl,styles:cl,shadowOptions:{mode:rr.shadowRootMode}});function pl(e=customElements){dl.define(e),Ja.define(e),nl.define(e),ul.define(e)}var ml=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class bl extends Yn{constructor(){super(...arguments),this.active=!1}}ml([Un({mode:"boolean"})],bl.prototype,"active",void 0),ml([Un],bl.prototype,"label",void 0),ml([Gn],bl.prototype,"panelId",void 0),ml([Gn],bl.prototype,"tabId",void 0);const vl=ts`
25
+ :host{white-space:normal;display:block;flex-shrink:0;width:100%;box-sizing:border-box}`;const gl=es`<template role="tabpanel" id="${e=>e.panelId}" aria-labelledby="${e=>e.tabId}" aria-label="${e=>e.label}" ?active="${e=>e.active}" aria-hidden="${e=>e.active?null:"true"}" tabindex="${e=>e.active?0:-1}"><slot></slot></template>`,fl=bl.compose({name:`${rr.prefix}-carousel-item`,template:gl,styles:vl,shadowOptions:{mode:rr.shadowRootMode}});var wl,yl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},$l=window&&window.__classPrivateFieldSet||function(e,t,o,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(e,o):n?n.value=o:t.set(e,o),o},xl=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class Cl extends Yn{constructor(){super(...arguments),wl.set(this,void 0),this.slottedCarouselItems=[],this.slottedCarouselItemsLoaded=!1,this.currentIndex=0,this.gapWidth=16,this.handleNext=()=>{this.next()},this.handlePrev=()=>{this.prev()},this.cachedContainerWidth=0,this.shouldRecalculateLayout=!0,this.resizeObserver=void 0,this.itemMeasurements=[],this.lastVisibleItemIndex=-1}slottedCarouselItemsChanged(e,t){e&&t&&t.length!==e.length&&(this.slottedCarouselItemsLoaded=!0),this.updateButtonStates()}currentIndexChanged(){this.updateButtonStates()}updateButtonStates(){var e,t;(null===(e=this.nextButton)||void 0===e?void 0:e[0])&&(null===(t=this.prevButton)||void 0===t?void 0:t[0])&&(this.prevButton[0].toggleAttribute("disabled",0===this.currentIndex),this.nextButton[0].toggleAttribute("disabled",this.isAtEnd()))}setEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].addEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].addEventListener("click",this.handlePrev)}removeEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].removeEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].removeEventListener("click",this.handlePrev)}connectedCallback(){super.connectedCallback(),this.updateDirection();const e=`fabric-card-carousel-header-${ys()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),Zn.enqueue(()=>{this.updateVisibleItems(),this.updateButtonStates(),this.setEventListeners()}),this.setupResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.removeEventListeners()}next(){if(!this.isAtEnd()){const e=this.visibleItemsCount,t=Math.max(0,this.slottedCarouselItems.length-e);this.currentIndex=Math.min(this.currentIndex+this.getNextVisibleItemsCount("next"),t),this.updateVisibleItems()}}prev(){if(this.currentIndex>0){const e=this.getNextVisibleItemsCount("prev");this.currentIndex-=e,this.updateVisibleItems()}}scrollToIndex(e,t=0){if(!this.slottedCarouselItemsLoaded)return t>=10?void console.warn("carousel:scrollToIndex -- scroll overflow exceeded: 10. No slotted carousel elements.",e):void requestAnimationFrame(()=>this.scrollToIndex(e));e<0||e>=this.slottedCarouselItems.length?console.warn(`Invalid index ${e}. Must be between 0 and ${this.slottedCarouselItems.length-1}`):(this.currentIndex=e,this.updateVisibleItems(),this.updateButtonStates())}setupResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.cachedContainerWidth=0,this.measureItems(),this.updateVisibleItems()}),this.resizeObserver.observe(this)}measureItems(){this.shouldRecalculateLayout&&(this.itemMeasurements=this.slottedCarouselItems.map(e=>e.getBoundingClientRect().width+this.gapWidth),this.shouldRecalculateLayout=!1)}get visibleItemsCount(){this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());let e=0,t=0,o=this.currentIndex,i=!1;for(;!i;)e+this.itemMeasurements[o]<=this.cachedContainerWidth?(e+=this.itemMeasurements[o],o++,o>=this.currentIndex&&t++):i=!0;return this.lastVisibleItemIndex=o-1,t}isAtEnd(){const e=this.slottedCarouselItems.length,t=this.visibleItemsCount,o=Math.max(0,e-t);return this.currentIndex>=o}getNextVisibleItemsCount(e){let t=0,o=0;this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());const i=this.itemMeasurements.slice("next"===e?this.currentIndex:0,"next"===e?this.slottedCarouselItems.length:this.currentIndex);for(const e of i){if(!(t+e<=this.cachedContainerWidth))break;t+=e,o++}return o}updateDirection(){var e;const t=getComputedStyle(this).direction,o=document.documentElement.dir,i=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("dir");$l(this,wl,"rtl"===t||"rtl"===o||"rtl"===i,"f")}getTransform(e){void 0===xl(this,wl,"f")&&this.updateDirection();return`translateX(${xl(this,wl,"f")?e:-e}px)`}updateVisibleItems(){Zn.enqueue(()=>{let e=0;this.itemMeasurements.length>0&&(this.slottedCarouselItems.forEach((t,o)=>{o>this.lastVisibleItemIndex||o<this.currentIndex?(t.setAttribute("aria-hidden","true"),t.tabIndex=-1,Ta(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,Ta(t,!0)),o<this.currentIndex&&(e+=this.itemMeasurements[o])}),this.viewportRef&&(this.disableAnimation?this.viewportRef.style.transition="none":this.viewportRef.style.transition="",this.viewportRef.style.transform=this.getTransform(e)))})}}wl=new WeakMap,yl([Un({mode:"boolean",attribute:"disable-animation"})],Cl.prototype,"disableAnimation",void 0),yl([Gn],Cl.prototype,"slottedCarouselItems",void 0),yl([Gn],Cl.prototype,"header",void 0),yl([Gn],Cl.prototype,"viewportRef",void 0),yl([Gn],Cl.prototype,"currentIndex",void 0),yl([Gn],Cl.prototype,"nextButton",void 0),yl([Gn],Cl.prototype,"prevButton",void 0);const kl=ts`
25
26
  ${u("block")}
26
- :host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ue} ${v} ${le}
27
- ${v}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ue} 0}.header{font-size:${k};font-family:${R};font-weight:${xe};line-height:${I}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${ue};padding-inline:0;padding-block-end:${le}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const ml=Jn`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${ts("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Qn("prevButton")}></slot><slot name="next-button" ${Qn("nextButton")}></slot></div></div><div class="viewport" role="region" ${ts("viewportRef")}><slot ${Qn({property:"slottedCarouselItems",filter:ss()})}></slot></div></template>`,vl=ul.compose({name:`${nr.prefix}-card-carousel`,template:ml,styles:pl,shadowOptions:{mode:nr.shadowRootMode}});var bl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class gl extends Ce{constructor(){super(...arguments),this.iconOnly=!1}}bl([Yn],gl.prototype,"appearance",void 0),bl([Yn],gl.prototype,"shape",void 0),bl([Yn],gl.prototype,"size",void 0),bl([Yn({attribute:"icon-only",mode:"boolean"})],gl.prototype,"iconOnly",void 0);const fl={...ke,primaryOnBrand:"primary-on-brand"},wl={...Ee},yl={...Se},$l={...Ie},xl={...Le},Cl=es`
28
- ${Me}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([appearance="primary-on-brand"]){background-color:${Pe};color:${ze};border-color:${Re}}:host(
27
+ :host{white-space:normal;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ue} ${b} ${le}
28
+ ${b}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ue} 0}.header{font-size:${k};font-family:${R};font-weight:${xe};line-height:${I}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${ue};padding-inline:0;padding-block-end:${le}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const Il=es`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${os("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Jn("prevButton")}></slot><slot name="next-button" ${Jn("nextButton")}></slot></div></div><div class="viewport" role="region" ${os("viewportRef")}><slot ${Jn({property:"slottedCarouselItems",filter:as()})}></slot></div></template>`,El=Cl.compose({name:`${rr.prefix}-card-carousel`,template:Il,styles:kl,shadowOptions:{mode:rr.shadowRootMode}});var Ll=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Sl extends Ce{constructor(){super(...arguments),this.iconOnly=!1}}Ll([Un],Sl.prototype,"appearance",void 0),Ll([Un],Sl.prototype,"shape",void 0),Ll([Un],Sl.prototype,"size",void 0),Ll([Un({attribute:"icon-only",mode:"boolean"})],Sl.prototype,"iconOnly",void 0);const Ml={...ke,primaryOnBrand:"primary-on-brand"},Tl={...Ee},Pl={...Le},Rl={...Ie},zl={...Se},Al=ts`
29
+ ${Me}
30
+
31
+ :host{white-space:normal}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([appearance="primary-on-brand"]){background-color:${Te};color:${Pe};border-color:${Re}}:host(
29
32
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
30
33
  :focus-visible
31
34
  )
32
- ){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${ze};background-color:${Ae}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Oe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${ze};box-shadow:${re},0 0 0 2px ${m}}:host([appearance="outline"]){background-color:${B}}:host([appearance="outline"]:hover){background-color:${F};color:${Te};border-color:${Y}}:host([appearance="outline"]:hover:active){background-color:${q};color:${De};border-color:${U}}`,kl=gl.compose({name:`${nr.prefix}-button`,template:Be,styles:Cl,shadowOptions:{mode:nr.shadowRootMode}}),Il={...xl},El={...$l},Sl={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Ll={circular:"circular",square:"square"},Ml={small:"small",medium:"medium",large:"large"},Pl={pressedChange:"pressed-change"};var zl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Rl extends gl{constructor(){super(),this.appearance=Sl.primary,this.shape=Ll.circular,this.size=Ml.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){Os(this.elementInternals,"icon",t)}appearanceChanged(e,t){Ts(this.elementInternals,e,t,Os)}shapeChanged(e,t){Ts(this.elementInternals,e,t,Os)}sizeChanged(e,t){Ts(this.elementInternals,e,t,Os)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,Os(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Pl.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}zl([Yn],Rl.prototype,"appearance",void 0),zl([Yn],Rl.prototype,"shape",void 0),zl([Yn],Rl.prototype,"size",void 0),zl([Yn({attribute:"icon-only",mode:"boolean"})],Rl.prototype,"iconOnly",void 0),zl([Yn({mode:"boolean"})],Rl.prototype,"pressed",void 0),zl([Yn({mode:"boolean"})],Rl.prototype,"mixed",void 0);const Al=es`
35
+ ){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${Pe};background-color:${ze}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Ae}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 2px ${m}}:host([appearance="outline"]){background-color:${B}}:host([appearance="outline"]:hover){background-color:${H};color:${Oe};border-color:${Y}}:host([appearance="outline"]:hover:active){background-color:${q};color:${De};border-color:${G}}`,Ol=Sl.compose({name:`${rr.prefix}-button`,template:Be,styles:Al,shadowOptions:{mode:rr.shadowRootMode}}),Dl={...zl},Bl={...Rl},_l={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Vl={circular:"circular",square:"square"},Fl={small:"small",medium:"medium",large:"large"},Hl={pressedChange:"pressed-change"};var jl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Nl extends Sl{constructor(){super(),this.appearance=_l.primary,this.shape=Vl.circular,this.size=Fl.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){Ds(this.elementInternals,"icon",t)}appearanceChanged(e,t){Bs(this.elementInternals,e,t,Ds)}shapeChanged(e,t){Bs(this.elementInternals,e,t,Ds)}sizeChanged(e,t){Bs(this.elementInternals,e,t,Ds)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,Ds(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Hl.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}jl([Un],Nl.prototype,"appearance",void 0),jl([Un],Nl.prototype,"shape",void 0),jl([Un],Nl.prototype,"size",void 0),jl([Un({attribute:"icon-only",mode:"boolean"})],Nl.prototype,"iconOnly",void 0),jl([Un({mode:"boolean"})],Nl.prototype,"pressed",void 0),jl([Un({mode:"boolean"})],Nl.prototype,"mixed",void 0);const ql=ts`
33
36
  ${u("inline-flex")}
34
37
 
35
- :host{--icon-spacing:${M};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${e};outline-style:none;background-color:${Ve};color:${me};border:${P} solid ${_};padding:0 ${ae};min-width:calc(${_e} * 3);border-radius:${p};font-size:${de};font-family:${R};font-weight:${ce};line-height:${He};transition-duration:${Fe};transition-property:background,border,color;transition-timing-function:${ye};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${M}}:host(${Cr}) .content{padding:0 ${g}}:host(${xr}) .content{padding:0 ${ae}}:host(:hover){background-color:${F};color:${Te};border-color:${Y}}:host(:hover:active){background-color:${q};border-color:${U};color:${De};outline-style:none}:host(:focus-visible){border-color:${D};outline:${T} solid ${D};box-shadow:${A},0 0 0 ${T} ${m}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${Ne};height:${t};width:${o}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${$r}){width:${e};height:${e};min-width:${e};min-height:${e};max-width:${e};max-height:${e}}:host(${Sr}){--icon-spacing:${f};min-height:${i};min-width:calc(${_e} * 2);padding:0 ${v};border-radius:${ve};font-size:${x};line-height:${C};font-weight:${he}}:host(${Sr}${$r}){width:${i};height:${i};min-width:${i};min-height:${i};max-width:${i};max-height:${i}}:host(${xr}){min-height:calc(${je} + ${le});border-radius:${qe};padding:0 ${c};font-size:${k};line-height:${I}}:host(${xr}${$r}){min-width:calc(${je} + ${le});max-width:calc(${je} + ${le});max-height:calc(${je} + ${le});min-height:calc(${je} + ${le});width:calc(${je} + ${le});height:calc(${je} + ${le})}:host(${xr}) ::slotted(svg){font-size:${Ne};height:${i};width:${n}}:host(:is(${vr},${vr}:focus-visible)){border-radius:${ge}}:host(:is(${Lr},${Lr}:focus-visible)){border-radius:${Xe}}:host(${Er}){background-color:${Ve};color:${me};border-color:transparent}:host(${Er}:hover){background-color:${Ke};color:${me}}:host(${Er}:is(:hover,:hover:active)){border-color:${z}}:host(${Er}:hover:active){border-color:${D};background-color:${We};color:${ze}}:host(${Er}:focus-visible){border-color:${ze};box-shadow:${re},0 0 0 ${T} ${m}}:host(${kr}){background-color:${y};color:${fe}}:host(${kr}:hover){background-color:${W}}:host(${kr}:hover:active){background-color:${G}}:host(${Pr}){background-color:${H};color:${fe};border-color:transparent}:host(${Pr}:hover){background-color:${Z};color:${Ye};border-color:transparent}:host(${Pr}:hover:active){background-color:${Q};color:${Ge};border-color:transparent}:host(${Pr}:hover) ::slotted(svg){fill:${Ue}}:host(${Pr}:hover:active) ::slotted(svg){fill:${Ze}}:host(${zr}){background-color:${y};color:${fe}}:host(${zr}:hover){background-color:${W};color:${Ue}}:host(${zr}:hover:active){background-color:${G};color:${Ze}}:host(:is(${zr},${zr}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${Pe};color:${ze};border-color:${Re}}:host(
38
+ :host{white-space:normal;--icon-spacing:${M};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${e};outline-style:none;background-color:${_e};color:${me};border:${T} solid ${V};padding:0 ${ae};min-width:calc(${Ve} * 3);border-radius:${p};font-size:${de};font-family:${R};font-weight:${ce};line-height:${Fe};transition-duration:${He};transition-property:background,border,color;transition-timing-function:${ye};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${M}}:host(${Sr}) .content{padding:0 ${g}}:host(${Lr}) .content{padding:0 ${ae}}:host(:hover){background-color:${H};color:${Oe};border-color:${Y}}:host(:hover:active){background-color:${q};border-color:${G};color:${De};outline-style:none}:host(:focus-visible){border-color:${D};outline:${O} solid ${D};box-shadow:${z},0 0 0 ${O} ${m}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${je};height:${t};width:${o}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${Er}){width:${e};height:${e};min-width:${e};min-height:${e};max-width:${e};max-height:${e}}:host(${Rr}){--icon-spacing:${f};min-height:${i};min-width:calc(${Ve} * 2);padding:0 ${b};border-radius:${be};font-size:${x};line-height:${C};font-weight:${he}}:host(${Rr}${Er}){width:${i};height:${i};min-width:${i};min-height:${i};max-width:${i};max-height:${i}}:host(${Lr}){min-height:calc(${Ne} + ${le});border-radius:${qe};padding:0 ${c};font-size:${k};line-height:${I}}:host(${Lr}${Er}){min-width:calc(${Ne} + ${le});max-width:calc(${Ne} + ${le});max-height:calc(${Ne} + ${le});min-height:calc(${Ne} + ${le});width:calc(${Ne} + ${le});height:calc(${Ne} + ${le})}:host(${Lr}) ::slotted(svg){font-size:${je};height:${i};width:${n}}:host(:is(${yr},${yr}:focus-visible)){border-radius:${ge}}:host(:is(${zr},${zr}:focus-visible)){border-radius:${Xe}}:host(${Pr}){background-color:${_e};color:${me};border-color:transparent}:host(${Pr}:hover){background-color:${Ke};color:${me}}:host(${Pr}:is(:hover,:hover:active)){border-color:${P}}:host(${Pr}:hover:active){border-color:${D};background-color:${We};color:${Pe}}:host(${Pr}:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 ${O} ${m}}:host(${Mr}){background-color:${y};color:${fe}}:host(${Mr}:hover){background-color:${W}}:host(${Mr}:hover:active){background-color:${U}}:host(${Or}){background-color:${F};color:${fe};border-color:transparent}:host(${Or}:hover){background-color:${Z};color:${Ye};border-color:transparent}:host(${Or}:hover:active){background-color:${Q};color:${Ue};border-color:transparent}:host(${Or}:hover) ::slotted(svg){fill:${Ge}}:host(${Or}:hover:active) ::slotted(svg){fill:${Ze}}:host(${Dr}){background-color:${y};color:${fe}}:host(${Dr}:hover){background-color:${W};color:${Ge}}:host(${Dr}:hover:active){background-color:${U};color:${Ze}}:host(:is(${Dr},${Dr}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${Te};color:${Pe};border-color:${Re}}:host(
36
39
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
37
40
  :focus-visible
38
41
  )
39
- ){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${ze};background-color:${Ae}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Oe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${ze};box-shadow:${re},0 0 0 ${T} ${m}}:host(
42
+ ){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${Pe};background-color:${ze}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Ae}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 ${O} ${m}}:host(
40
43
  :is(
41
44
  :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
42
45
  )
@@ -48,53 +51,64 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
48
51
  :is(
49
52
  :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
50
53
  ):hover:active
51
- ){background-color:${ne};border-color:${Qe};color:${$};cursor:not-allowed}:host(${Er}:is(:disabled,[disabled-focusable])),:host(
52
- ${Er}:is(:disabled,[disabled-focusable]):is(
54
+ ){background-color:${ne};border-color:${Qe};color:${$};cursor:not-allowed}:host(${Pr}:is(:disabled,[disabled-focusable])),:host(
55
+ ${Pr}:is(:disabled,[disabled-focusable]):is(
53
56
  :hover,:hover:active
54
57
  )
55
- ){border-color:transparent}:host(${kr}:is(:disabled,[disabled-focusable])),:host(
56
- ${kr}:is(:disabled,[disabled-focusable]):is(
58
+ ){border-color:transparent}:host(${Mr}:is(:disabled,[disabled-focusable])),:host(
59
+ ${Mr}:is(:disabled,[disabled-focusable]):is(
57
60
  :hover,:hover:active
58
61
  )
59
- ){background-color:${y}}:host(${Pr}:is(:disabled,[disabled-focusable])),:host(
60
- ${Pr}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
61
- ){background-color:${y};border-color:transparent}:host(${zr}:is(:disabled,[disabled-focusable])),:host(
62
- ${zr}:is(:disabled,[disabled-focusable]):is(
62
+ ){background-color:${y}}:host(${Or}:is(:disabled,[disabled-focusable])),:host(
63
+ ${Or}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
64
+ ){background-color:${y};border-color:transparent}:host(${Dr}:is(:disabled,[disabled-focusable])),:host(
65
+ ${Dr}:is(:disabled,[disabled-focusable]):is(
63
66
  :hover,:hover:active
64
67
  )
65
- ){border-color:transparent;background-color:${y}}:host(${Ir}){border-color:${D};background-color:${We};color:${Je};border-width:${P}}:host(${Ir}:hover){border-color:${Y};background-color:${F};color:${Te}}:host(${Ir}:active){border-color:${U};background-color:${q};color:${De}}:host(${Ir}${Er}){border-color:${D};background-color:${We};color:${Je}}:host(${Ir}${Er}:hover){background-color:${me};color:${Je}}:host(${Ir}${Er}:active){border-color:${D};background-color:${We};color:${Je}}:host(${Ir}${Pr}){border-color:transparent;background-color:${ee};color:${et}}:host(${Ir}${Pr}:hover){background-color:${Z};color:${Ye}}:host(${Ir}${Pr}:active){background-color:${Q};color:${Ge}}:host(${Ir}${kr}),:host(${Ir}${zr}){background-color:${oe};color:${me};border-color:${U}}:host(${Ir}${kr}){border-width:${T}}:host(${Ir}${kr}:hover),:host(${Ir}${zr}:hover){background-color:${W}}:host(${Ir}${kr}:active),:host(${Ir}${zr}:active){background-color:${G};border-width:${T}}:host(${Ir}${zr}){border-color:transparent;color:${tt}}:host(${Ir}${zr}:hover){color:${Ue}}:host(${Ir}${zr}:active){color:${Ze}}`.withBehaviors(Da(es`
66
- :host(${Ir}),:host(${Ir}${Er}),:host(${Ir}${Pr}),:host(${Ir}${kr}),:host(${Ir}${zr}){background:SelectedItem;color:SelectedItemText}`));const Ol=Jn`<template tabindex="${e=>e.disabled?-1:0}" appearance="${e=>e.appearance}" shape="${e=>e.shape}" size="${e=>e.size}" icon-only="${e=>e.iconOnly}" aria-label="${e=>e.ariaLabel}" ?pressed="${e=>e.pressed}" ?disabled="${e=>e.disabled}"><slot name="start"></slot><span class="content" part="content"><slot ${Qn("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Tl=Rl.compose({name:`${nr.prefix}-filter-pill`,template:Ol,styles:Al,shadowOptions:{mode:nr.shadowRootMode}}),Dl={...fl},Bl={...wl},Vl={...yl},_l={...$l},Hl={...xl};var Fl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Nl extends Ce{constructor(){super(...arguments),this.appearance=Dl.primary,this.iconOnly=!1}}Fl([Yn],Nl.prototype,"appearance",void 0),Fl([Yn],Nl.prototype,"shape",void 0),Fl([Yn],Nl.prototype,"size",void 0),Fl([Yn({attribute:"icon-only",mode:"boolean"})],Nl.prototype,"iconOnly",void 0);const jl=es`
68
+ ){border-color:transparent;background-color:${y}}:host(${Tr}){border-color:${D};background-color:${We};color:${Je};border-width:${T}}:host(${Tr}:hover){border-color:${Y};background-color:${H};color:${Oe}}:host(${Tr}:active){border-color:${G};background-color:${q};color:${De}}:host(${Tr}${Pr}){border-color:${D};background-color:${We};color:${Je}}:host(${Tr}${Pr}:hover){background-color:${me};color:${Je}}:host(${Tr}${Pr}:active){border-color:${D};background-color:${We};color:${Je}}:host(${Tr}${Or}){border-color:transparent;background-color:${ee};color:${et}}:host(${Tr}${Or}:hover){background-color:${Z};color:${Ye}}:host(${Tr}${Or}:active){background-color:${Q};color:${Ue}}:host(${Tr}${Mr}),:host(${Tr}${Dr}){background-color:${oe};color:${me};border-color:${G}}:host(${Tr}${Mr}){border-width:${O}}:host(${Tr}${Mr}:hover),:host(${Tr}${Dr}:hover){background-color:${W}}:host(${Tr}${Mr}:active),:host(${Tr}${Dr}:active){background-color:${U};border-width:${O}}:host(${Tr}${Dr}){border-color:transparent;color:${tt}}:host(${Tr}${Dr}:hover){color:${Ge}}:host(${Tr}${Dr}:active){color:${Ze}}`.withBehaviors(qa(ts`
69
+ :host(${Tr}),:host(${Tr}${Pr}),:host(${Tr}${Or}),:host(${Tr}${Mr}),:host(${Tr}${Dr}){background:SelectedItem;color:SelectedItemText}`));const Xl=es`<template tabindex="${e=>e.disabled?-1:0}" appearance="${e=>e.appearance}" shape="${e=>e.shape}" size="${e=>e.size}" icon-only="${e=>e.iconOnly}" aria-label="${e=>e.ariaLabel}" ?pressed="${e=>e.pressed}" ?disabled="${e=>e.disabled}"><slot name="start"></slot><span class="content" part="content"><slot ${Jn("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Kl=Nl.compose({name:`${rr.prefix}-filter-pill`,template:Xl,styles:ql,shadowOptions:{mode:rr.shadowRootMode}}),Wl={default:"default",fre:"fre"},Yl={openChange:"open-change",dismiss:"dismiss",stepChange:"step-change"};var Ul=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gl extends Yn{constructor(){super(...arguments),this.carouselController=new ca,this.mode=Wl.default,this.open=!1,this.modalTitle="",this.currentStep=0,this.primaryLabel="",this.nextLabel="",this.doneLabel="",this.tryLaterLabel="",this.backLabel="",this.dismissLabel="",this.slottedContent=[],this.freItems=[]}get totalSteps(){return this.carouselController.totalItems}openChanged(e,t){var o,i;if(this.dialog){const e=null!==(i=null===(o=this.dialog.dialog)||void 0===o?void 0:o.open)&&void 0!==i&&i;t&&!e?this.dialog.show():!t&&e&&this.dialog.hide()}this.$fastController.isConnected&&this.emitOpenChange(t)}currentStepChanged(e,t){const o="string"==typeof t?parseInt(t,10):t;isNaN(o)||this.carouselController.scrollToIndex(o)}slottedContentChanged(){this.mode===Wl.fre&&(this.freItems=this.slottedContent.filter(e=>"FABRIC-MODAL-FRE-ITEM"===e.tagName),this.carouselController.items=this.freItems,this.carouselController.updateActiveStates())}handleDialogToggle(e){var t;"closed"===(null===(t=e.detail)||void 0===t?void 0:t.newState)&&this.open&&this.handleDismiss()}handlePrimaryAction(){if(this.mode===Wl.fre){this.carouselController.currentIndex>=this.carouselController.totalItems-1?this.handleDismiss(!0):this.carouselController.next()}else this.handleDismiss()}handleSecondaryAction(){if(this.mode!==Wl.fre)return;const e=0===this.carouselController.currentIndex,t=this.carouselController.currentIndex>=this.carouselController.totalItems-1;e||t?this.handleDismiss():this.carouselController.prev()}handleDismiss(e=!1){this.open=!1;const t={complete:e};this.dispatchEvent(new CustomEvent(Yl.dismiss,{detail:t,bubbles:!0,composed:!0}))}get secondaryButtonLabel(){if(this.mode!==Wl.fre)return"";const e=0===this.carouselController.currentIndex,t=this.carouselController.currentIndex>=this.carouselController.totalItems-1;return e?this.tryLaterLabel||Es("Modal_TryLater"):t?this.dismissLabel||Es("Modal_Dismiss"):this.backLabel||Es("Modal_Back")}get primaryButtonLabel(){if(this.mode!==Wl.fre)return this.primaryLabel||Es("Modal_PrimaryAction");return this.carouselController.currentIndex>=this.carouselController.totalItems-1?this.doneLabel||Es("Modal_Done"):this.nextLabel||Es("Modal_Next")}handleChange(e,t){"currentIndex"===t&&this.currentStep!==e.currentIndex&&(this.currentStep=e.currentIndex,this.emitStepChange())}connectedCallback(){super.connectedCallback(),Qn.getNotifier(this.carouselController).subscribe(this,"currentIndex")}disconnectedCallback(){super.disconnectedCallback(),Qn.getNotifier(this.carouselController).unsubscribe(this,"currentIndex")}emitOpenChange(e){this.dispatchEvent(new CustomEvent(Yl.openChange,{detail:{open:e},bubbles:!0,composed:!0}))}emitStepChange(){this.dispatchEvent(new CustomEvent(Yl.stepChange,{detail:{currentStep:this.carouselController.currentIndex,totalSteps:this.carouselController.totalItems},bubbles:!0,composed:!0}))}}Ul([Un],Gl.prototype,"mode",void 0),Ul([Un({mode:"boolean"})],Gl.prototype,"open",void 0),Ul([Un({attribute:"modal-title"})],Gl.prototype,"modalTitle",void 0),Ul([Un({attribute:"current-step",converter:ls})],Gl.prototype,"currentStep",void 0),Ul([Un({attribute:"primary-label"})],Gl.prototype,"primaryLabel",void 0),Ul([Un({attribute:"next-label"})],Gl.prototype,"nextLabel",void 0),Ul([Un({attribute:"done-label"})],Gl.prototype,"doneLabel",void 0),Ul([Un({attribute:"try-later-label"})],Gl.prototype,"tryLaterLabel",void 0),Ul([Un({attribute:"back-label"})],Gl.prototype,"backLabel",void 0),Ul([Un({attribute:"dismiss-label"})],Gl.prototype,"dismissLabel",void 0),Ul([Gn],Gl.prototype,"dialog",void 0),Ul([Gn],Gl.prototype,"slottedContent",void 0),Ul([Gn],Gl.prototype,"freItems",void 0);var Zl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ql extends Yn{constructor(){super(...arguments),this.active=!1}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}}Zl([Un({mode:"boolean"})],Ql.prototype,"active",void 0),Zl([Un],Ql.prototype,"label",void 0),Zl([Gn],Ql.prototype,"panelId",void 0),Zl([Gn],Ql.prototype,"tabId",void 0);const Jl=ts`
67
70
  ${ot}
68
- :host([appearance='primary-on-brand']){background-color:${Pe};color:${ze};border-color:${Re}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${ze}}:host(
71
+
72
+ :host{white-space:normal}dialog{max-width:var(--dialog-max-width,600px)}`;class ed extends it{}const td=ed.compose({name:`${rr.prefix}-dialog`,template:nt,styles:Jl,shadowOptions:{mode:rr.shadowRootMode}}),od=ts`
73
+ :host{white-space:normal;display:contents}.modal-body{display:flex;flex-direction:column;position:relative;max-height:85vh}.close-button{position:absolute;inset-block-start:${ue};inset-inline-end:${c};z-index:1}.content{flex:1;overflow:auto;padding:${st} ${d}}:host([mode="fre"]) .content{padding:0;overflow:hidden}::slotted(fabric-modal-fre-item){display:block}::slotted(fabric-modal-fre-item:not([active])){display:none !important}.footer{display:flex;align-items:center;justify-content:space-between;padding:${st} ${d};gap:${c}}.nav{flex:1;display:flex;justify-content:center}::slotted(h1),::slotted(h2),::slotted(h3){font-size:${E};font-weight:${ce};color:${me};margin:0 0 ${le}}::slotted(p){font-size:${de};color:${fe};margin:0}`,id=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,nd=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`,sd=es`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 11C11.7545 11 11.5504 11.1769 11.5081 11.4101L11.5 11.5V20.5C11.5 20.7761 11.7239 21 12 21C12.2455 21 12.4496 20.8231 12.4919 20.5899L12.5 20.5V11.5C12.5 11.2239 12.2761 11 12 11ZM19.8536 11.1464C19.68 10.9729 19.4106 10.9536 19.2157 11.0886L19.1464 11.1464L14.6464 15.6464C14.4729 15.82 14.4536 16.0894 14.5886 16.2843L14.6464 16.3536L19.1464 20.8536C19.3417 21.0488 19.6583 21.0488 19.8536 20.8536C20.0271 20.68 20.0464 20.4106 19.9114 20.2157L19.8536 20.1464L15.7071 16L19.8536 11.8536C20.0488 11.6583 20.0488 11.3417 19.8536 11.1464Z" fill="currentColor" /></svg>`,rd=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3544 15.853C12.1594 16.0486 11.8429 16.0492 11.6472 15.8542L6.16276 10.3893C5.94705 10.1743 5.94705 9.82501 6.16276 9.61006L11.6472 4.14508C11.8429 3.95017 12.1594 3.95074 12.3544 4.14634C12.5493 4.34195 12.5487 4.65854 12.3531 4.85345L7.18851 9.99967L12.3531 15.1459C12.5487 15.3408 12.5493 15.6574 12.3544 15.853Z" fill="currentColor" /></svg>`,ad=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64582 4.14708C7.84073 3.95147 8.15731 3.9509 8.35292 4.14582L13.8374 9.6108C14.0531 9.82574 14.0531 10.1751 13.8374 10.39L8.35292 15.855C8.15731 16.0499 7.84073 16.0493 7.64582 15.8537C7.4509 15.6581 7.45147 15.3415 7.64708 15.1466L12.8117 10.0004L7.64708 4.85418C7.45147 4.65927 7.4509 4.34269 7.64582 4.14708Z" fill="currentColor" /></svg>`,ld=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z" fill="currentColor" /></svg>`;const dd=es`<template><fabric-dialog type="modal" aria-label="${e=>e.modalTitle}" ${os("dialog")} @toggle="${(e,t)=>e.handleDialogToggle(t.event)}"><div class="modal-body">${ds(e=>e.mode!==Wl.fre,es`<fabric-button class="close-button" appearance="subtle" size="small" aria-label="${ss(()=>Es("Modal_Close"))}" @click="${e=>e.handleDismiss()}">${nd}</fabric-button>`)}<div class="content" @dismiss="${e=>e.handleDismiss()}">${ds(e=>e.mode===Wl.fre,es`<slot ${Jn({property:"slottedContent",filter:e=>"FABRIC-MODAL-FRE-ITEM"===e.tagName})}></slot>`)} ${ds(e=>e.mode!==Wl.fre,es`<slot></slot>`)}</div><div class="footer">${ds(e=>e.mode===Wl.fre,es`<fabric-button appearance="outline" @click="${e=>e.handleSecondaryAction()}">${e=>e.secondaryButtonLabel}</fabric-button>`)} ${ds(e=>e.mode===Wl.fre,es`<div class="nav"><fabric-carousel-nav :controller="${e=>e.carouselController}" button-placement="hidden" current-index="${e=>e.carouselController.currentIndex}">${rs(e=>e.carouselController.items,es`<fabric-carousel-nav-item :tabId="${(e,t)=>t.parent.carouselController.getTabId(t.index)}" :panelId="${(e,t)=>t.parent.carouselController.getPanelId(t.index)}" :tabLabel="${(e,t)=>t.parent.carouselController.getTabLabel(t.index)}"></fabric-carousel-nav-item>`,{positioning:!0})}</fabric-carousel-nav></div>`)}<fabric-button appearance="primary" @click="${e=>e.handlePrimaryAction()}">${e=>e.primaryButtonLabel}</fabric-button></div></div></fabric-dialog></template>`,cd=Ha(Fa(Gl.compose({name:`${rr.prefix}-modal`,template:dd,styles:od,shadowOptions:{mode:rr.shadowRootMode}})),Fa(td),Fa(Ol),Fa(Ja),Fa(nl)),hd=ts`
74
+ :host{white-space:normal;display:none}:host([active]){display:block}.hero{overflow:hidden}.hero ::slotted(*){display:block;width:100%}.info{padding:${d};padding-block-end:0}.info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:${c}}.title{font-size:${k};font-weight:${ce};color:${me};margin:0}.description{margin:${rt} 0 0;font-size:${de};line-height:${Fe};color:${fe}}`;const ud=es`<template role="tabpanel" id="${e=>e.panelId}" aria-labelledby="${e=>e.tabId}" aria-label="${e=>e.label}" aria-hidden="${e=>e.active?null:"true"}" tabindex="-1"><div class="hero"><slot></slot></div><div class="info"><div class="info-header"><h2 class="title"><slot name="title"></slot></h2><fabric-button appearance="subtle" class="dismiss-button" size="small" icon-only aria-label="${ss(()=>Es("Modal_Close"))}" @click="${e=>e.handleDismiss()}">${nd}</fabric-button></div><p class="description"><slot name="description"></slot></p></div></template>`,pd=Ha(Fa(Ql.compose({name:`${rr.prefix}-modal-fre-item`,template:ud,styles:hd,shadowOptions:{mode:rr.shadowRootMode}})),Fa(Ol)),md={...Ml},bd={...Tl},vd={...Pl},gd={...Rl},fd={...zl};var wd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class yd extends Ce{constructor(){super(...arguments),this.appearance=md.primary,this.iconOnly=!1}}wd([Un],yd.prototype,"appearance",void 0),wd([Un],yd.prototype,"shape",void 0),wd([Un],yd.prototype,"size",void 0),wd([Un({attribute:"icon-only",mode:"boolean"})],yd.prototype,"iconOnly",void 0);const $d=ts`
75
+ ${at}
76
+
77
+ :host{white-space:normal}:host([appearance="primary-on-brand"]){background-color:${Te};color:${Pe};border-color:${Re}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${Pe}}:host(
69
78
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
70
79
  :focus-visible
71
80
  )
72
- ){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${ze};background-color:${Ae}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Oe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${ze};box-shadow:${re},0 0 0 2px ${m}}`,ql=Nl.compose({name:`${nr.prefix}-compound-button`,template:it,styles:jl,shadowOptions:{mode:nr.shadowRootMode}});class Xl extends nt{}const Kl={...st},Wl={...rt},Yl=Xl.compose({name:`${nr.prefix}-spinner`,template:lt,styles:at,shadowOptions:{mode:nr.shadowRootMode}});var Gl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ul extends dt{constructor(){super(...arguments),this.loading=!1}connectedCallback(){super.connectedCallback(),Yl.define(customElements)}}Gl([Yn({mode:"boolean"})],Ul.prototype,"loading",void 0);const Zl=es`
73
- ${Me}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([size="small"]) fluent-button{gap:${f}}fabric-spinner{display:none}.content{gap:${v}}:host([size="large"]) .content{gap:${ae}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const Ql=Jn`<template tabindex="${e=>{var t;return e.disabled?null:null!==(t=e.tabIndex)&&void 0!==t?t:0}}" @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" ?loading="${e=>e.loading}"><slot name="start"></slot><span class="content" part="content"><fabric-spinner appearance="${e=>"primary"==e.appearance?"inverted":"primary"}" size="tiny" slot="start" ?hidden=${e=>!e.loading}></fabric-spinner><slot ${Qn("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Jl=Aa(Ra(Ul.compose({name:`${nr.prefix}-loading-button`,template:Ql,styles:Zl,shadowOptions:{mode:nr.shadowRootMode}})),Ra(Yl)),ed={hiddenChange:"hidden-change"};var td=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class od extends Wn{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(ed.hiddenChange,this.hidden)}}td([Yn({mode:"boolean"})],od.prototype,"hidden",void 0);const id=es`
81
+ ){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${Pe};background-color:${ze}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Ae}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 2px ${m}}`,xd=yd.compose({name:`${rr.prefix}-compound-button`,template:lt,styles:$d,shadowOptions:{mode:rr.shadowRootMode}});class Cd extends dt{}const kd={...ct},Id={...ht},Ed=ts`
82
+ ${ut}
83
+
84
+ :host{white-space:normal}`,Ld=Cd.compose({name:`${rr.prefix}-spinner`,template:pt,styles:Ed,shadowOptions:{mode:rr.shadowRootMode}});var Sd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Md extends mt{constructor(){super(...arguments),this.loading=!1}connectedCallback(){super.connectedCallback(),Ld.define(customElements)}}Sd([Un({mode:"boolean"})],Md.prototype,"loading",void 0);const Td=ts`
85
+ ${Me}
86
+
87
+ :host{white-space:normal}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([size="small"]) fluent-button{gap:${f}}fabric-spinner{display:none}.content{gap:${b}}:host([size="large"]) .content{gap:${ae}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const Pd=es`<template tabindex="${e=>{var t;return e.disabled?null:null!==(t=e.tabIndex)&&void 0!==t?t:0}}" @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" ?loading="${e=>e.loading}"><slot name="start"></slot><span class="content" part="content"><fabric-spinner appearance="${e=>"primary"==e.appearance?"inverted":"primary"}" size="tiny" slot="start" ?hidden=${e=>!e.loading}></fabric-spinner><slot ${Jn("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Rd=Ha(Fa(Md.compose({name:`${rr.prefix}-loading-button`,template:Pd,styles:Td,shadowOptions:{mode:rr.shadowRootMode}})),Fa(Ld)),zd={hiddenChange:"hidden-change"};var Ad=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Od extends Yn{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(zd.hiddenChange,this.hidden)}}Ad([Un({mode:"boolean"})],Od.prototype,"hidden",void 0);const Dd=ts`
74
88
  ${u("block")}
75
89
 
76
- :host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${T} solid ${m};outline-offset:calc(${T} * -1)}`.withBehaviors(ct(es`
77
- :host(:focus-visible)::after{outline-color:Highlight}`));const nd=Jn`<template slot="multi-view" role="tabpanel" ?hidden="${e=>e.hidden}" aria-hidden="${e=>e.hidden}" tabindex="${e=>e.hidden?"-1":"0"}"><div class="multi-view" part="multi-view"><slot></slot></div></template>`,sd=od.compose({name:`${nr.prefix}-multi-view`,template:nd,styles:id,shadowOptions:{mode:nr.shadowRootMode}});class rd extends Wn{}const ad=es`
90
+ :host{white-space:normal;display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${O} solid ${m};outline-offset:calc(${O} * -1)}`.withBehaviors(bt(ts`
91
+ :host(:focus-visible)::after{outline-color:Highlight}`));const Bd=es`<template slot="multi-view" role="tabpanel" ?hidden="${e=>e.hidden}" aria-hidden="${e=>e.hidden}" tabindex="${e=>e.hidden?"-1":"0"}"><div class="multi-view" part="multi-view"><slot></slot></div></template>`,_d=Od.compose({name:`${rr.prefix}-multi-view`,template:Bd,styles:Dd,shadowOptions:{mode:rr.shadowRootMode}});class Vd extends Yn{}const Fd=ts`
78
92
  ${u("flex")}
79
- :host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${je};min-width:${_e};outline-style:none;background-color:${B};color:${me};border:${P} solid ${_};font-size:${de};font-family:${R};font-weight:${ce};line-height:${He};transition-duration:${Fe};transition-property:background,border,color;transition-timing-function:${ye};cursor:pointer}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${je};width:3px;background:${Pe}}:host(:focus)::after{content:"";position:absolute;inset:0px;pointer-events:none;border-radius:${ve};outline:${P} solid ${m};outline-offset:calc(${P} * -1)}`.withBehaviors(ct(es`
80
- :host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));const ld=Jn`<template slot="controller" role="tab"><slot></slot></template>`,dd=rd.compose({name:`${nr.prefix}-multi-view-controller`,template:ld,styles:ad});var cd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class hd extends Wn{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),Un.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,Un.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof od){const o=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];Va(e)?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case bs:e.preventDefault(),this.adjustBackward();break;case ys:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case gs:e.preventDefault(),this.adjustForward();break;case ms:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case vs:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case us:case hs:Va(e)?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case fs:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===fs)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===us)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),Un.enqueue(()=>this.setControllers()),Un.enqueue(()=>this.setMultiViews()),Un.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),i=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-controls":n}),o&&(this.activeController=e,this.activeid=i)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${ws()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${ws()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),i=xs(0,t.length-1,o+e),n=this.controllers.indexOf(t[i]);n>-1&&this.moveToToggleButtonByIndex(this.controllers,n)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}cd([Gn],hd.prototype,"multiViews",void 0),cd([Gn],hd.prototype,"controllers",void 0),cd([Gn],hd.prototype,"controllersContainer",void 0),cd([Gn],hd.prototype,"openedMultiViews",void 0);const ud=es`
93
+ :host{white-space:normal;position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${Ne};min-width:${Ve};outline-style:none;background-color:${B};color:${me};border:${T} solid ${V};font-size:${de};font-family:${R};font-weight:${ce};line-height:${Fe};transition-duration:${He};transition-property:background,border,color;transition-timing-function:${ye};cursor:pointer}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${Ne};width:3px;background:${Te}}:host(:focus)::after{content:"";position:absolute;inset:0px;pointer-events:none;border-radius:${be};outline:${T} solid ${m};outline-offset:calc(${T} * -1)}`.withBehaviors(bt(ts`
94
+ :host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));const Hd=es`<template slot="controller" role="tab"><slot></slot></template>`,jd=Vd.compose({name:`${rr.prefix}-multi-view-controller`,template:Hd,styles:Fd});var Nd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class qd extends Yn{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),Zn.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,Zn.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof Od){const o=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];Ka(e)?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case gs:e.preventDefault(),this.adjustBackward();break;case $s:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case fs:e.preventDefault(),this.adjustForward();break;case bs:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case vs:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case ps:case us:Ka(e)?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case ws:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===ws)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===ps)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),Zn.enqueue(()=>this.setControllers()),Zn.enqueue(()=>this.setMultiViews()),Zn.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),i=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-controls":n}),o&&(this.activeController=e,this.activeid=i)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${ys()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${ys()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),i=Cs(0,t.length-1,o+e),n=this.controllers.indexOf(t[i]);n>-1&&this.moveToToggleButtonByIndex(this.controllers,n)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}Nd([Gn],qd.prototype,"multiViews",void 0),Nd([Gn],qd.prototype,"controllers",void 0),Nd([Gn],qd.prototype,"controllersContainer",void 0),Nd([Gn],qd.prototype,"openedMultiViews",void 0);const Xd=ts`
81
95
  ${u("flex")}
82
- :host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${T} solid ${m};outline-offset:calc(${T} * -1)}`.withBehaviors(ct(es`
83
- .controllers:focus-visible::after{outline-color:Highlight}`));const pd=Jn`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Qn("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${ts("controllersContainer")}><slot name="controller" ${Qn("controllers")}></slot></div></div></template>`,md=hd.compose({name:`${nr.prefix}-multi-view-group`,template:pd,styles:ud,shadowOptions:{mode:nr.shadowRootMode}}),vd={right:"right",left:"left"},bd={overflowChange:"overflow-change"};var gd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class fd extends Wn{}gd([Yn({attribute:"group-id"})],fd.prototype,"groupId",void 0);var wd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const yd="fabric-overflow-item-update";class $d extends Wn{constructor(){super(...arguments),this.priority=0,this.pinned=!1}priorityChanged(){this.$emit(yd)}pinnedChanged(){this.$emit(yd)}}wd([Yn({attribute:"overflow-id"})],$d.prototype,"overflowId",void 0),wd([Yn({converter:{fromView:Number,toView:String}})],$d.prototype,"priority",void 0),wd([Yn({attribute:"group-id"})],$d.prototype,"groupId",void 0),wd([Yn({mode:"boolean"})],$d.prototype,"pinned",void 0);var xd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Cd extends Wn{constructor(){super(...arguments),this.observing=!1,this.pendingItems=[],this.pendingDividers=[],this.registeredItems=new Map,this.registeredDividers=new Map,this.overflowAxis="horizontal",this.overflowDirection="end",this.padding=10,this.hasHiddenItems=!1,this.overflowCount=0,this.itemVisibilityMap=new Map,this.menuSlotted=[],this.defaultSlottedContent=[],this.handleItemUpdate=e=>{const t=e.target;t instanceof $d&&this.updateItem(t.overflowId,{priority:t.priority,pinned:t.pinned})}}connectedCallback(){super.connectedCallback(),this.addEventListener(yd,this.handleItemUpdate),this.initManager()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(yd,this.handleItemUpdate),this.disposeManager()}getItemVisibility(e){var t;return null===(t=this.itemVisibilityMap.get(e))||void 0===t||t}registerElement(e){var t,o;if(e instanceof $d){const o={element:e,id:e.overflowId,priority:e.priority,groupId:e.groupId,pinned:e.pinned};this.registeredItems.set(o.id,o),this.observing?null===(t=this.manager)||void 0===t||t.addItem(o):this.pendingItems.push(o)}else if(e instanceof fd){const t={element:e,groupId:e.groupId};this.registeredDividers.set(t.groupId,t),this.observing?null===(o=this.manager)||void 0===o||o.addDivider(t):this.pendingDividers.push(t)}}unregisterElement(e){var t,o;e instanceof $d?(this.registeredItems.delete(e.overflowId),this.observing?null===(t=this.manager)||void 0===t||t.removeItem(e.overflowId):this.pendingItems=this.pendingItems.filter(t=>t.id!==e.overflowId)):e instanceof fd&&(this.registeredDividers.delete(e.groupId),this.observing?null===(o=this.manager)||void 0===o||o.removeDivider(e.groupId):this.pendingDividers=this.pendingDividers.filter(t=>t.groupId!==e.groupId))}updateItem(e,t){var o;const i=this.registeredItems.get(e);i&&(Object.assign(i,t),null===(o=this.manager)||void 0===o||o.update())}update(){var e;null===(e=this.manager)||void 0===e||e.update()}forceUpdate(){var e;null===(e=this.manager)||void 0===e||e.forceUpdate()}registerMenu(e){var t;e.style.flexShrink="0",e.style.display="none",null===(t=this.manager)||void 0===t||t.addOverflowMenu(e),this.menuSlottedCleanup=()=>{var e;null===(e=this.manager)||void 0===e||e.removeOverflowMenu()}}menuSlottedChanged(){var e;null===(e=this.menuSlottedCleanup)||void 0===e||e.call(this),this.menuSlottedCleanup=void 0,this.menuSlotted.length>0&&this.registerMenu(this.menuSlotted[0])}defaultSlottedContentChanged(){const e=new Set(this.registeredItems.keys()),t=new Set(this.registeredDividers.keys());for(const o of this.defaultSlottedContent)if(o instanceof $d){if(e.delete(o.overflowId))continue;this.registerElement(o)}else if(o instanceof fd){if(t.delete(o.groupId))continue;this.registerElement(o)}for(const t of e){const e=this.registeredItems.get(t);e&&this.unregisterElement(e.element)}for(const e of t){const t=this.registeredDividers.get(e);t&&this.unregisterElement(t.element)}}overflowAxisChanged(){this.reobserve()}overflowDirectionChanged(){this.reobserve()}paddingChanged(){this.reobserve()}minimumVisibleChanged(){this.reobserve()}hasHiddenItemsChanged(){this.reobserve()}initManager(){this.pendingRaf=requestAnimationFrame(()=>{this.pendingRaf=void 0,this.isConnected&&(this.manager=ks(),this.observeContainer())})}observeContainer(){var e;this.manager&&(this.observing=!1,this.manager.observe(this,{padding:this.padding,overflowAxis:this.overflowAxis,overflowDirection:this.overflowDirection,minimumVisible:null!==(e=this.minimumVisible)&&void 0!==e?e:0,hasHiddenItems:this.hasHiddenItems,onUpdateItemVisibility:({item:e,visible:t})=>{this.itemVisibilityMap.set(e.id,t),t?(e.element.removeAttribute("data-overflowing"),e.element.removeAttribute("aria-hidden"),e.element.removeAttribute("inert")):(e.element.setAttribute("data-overflowing",""),e.element.setAttribute("aria-hidden","true"),e.element.setAttribute("inert",""))},onUpdateOverflow:e=>{this.overflowCount=e.invisibleItems.length;const t=this.menuSlotted.length>0?this.menuSlotted[0]:void 0;t&&(t.style.display=e.invisibleItems.length>0?"":"none");const o={visibleItems:e.visibleItems,invisibleItems:e.invisibleItems,groupVisibility:e.groupVisibility};this.dispatchEvent(new CustomEvent(bd.overflowChange,{bubbles:!0,composed:!0,detail:o}))}}),this.observing=!0,this.menuSlotted.length>0&&this.registerMenu(this.menuSlotted[0]),this.flushPending())}flushPending(){var e,t,o;for(const t of this.pendingItems)null===(e=this.manager)||void 0===e||e.addItem(t);this.pendingItems=[];for(const e of this.pendingDividers)null===(t=this.manager)||void 0===t||t.addDivider(e);this.pendingDividers=[],null===(o=this.manager)||void 0===o||o.forceUpdate()}reobserve(){this.manager&&this.isConnected&&(this.observing=!1,this.manager.disconnect(),this.pendingItems=[...this.registeredItems.values()],this.pendingDividers=[...this.registeredDividers.values()],this.observeContainer())}disposeManager(){var e,t;void 0!==this.pendingRaf&&(cancelAnimationFrame(this.pendingRaf),this.pendingRaf=void 0),null===(e=this.menuSlottedCleanup)||void 0===e||e.call(this),this.menuSlottedCleanup=void 0,null===(t=this.manager)||void 0===t||t.disconnect(),this.manager=void 0,this.observing=!1,this.pendingItems=[],this.pendingDividers=[],this.registeredItems.clear(),this.registeredDividers.clear()}}xd([Yn({attribute:"overflow-axis"})],Cd.prototype,"overflowAxis",void 0),xd([Yn({attribute:"overflow-direction"})],Cd.prototype,"overflowDirection",void 0),xd([Yn({converter:{fromView:Number,toView:String}})],Cd.prototype,"padding",void 0),xd([Yn({attribute:"minimum-visible",converter:{fromView:Number,toView:String}})],Cd.prototype,"minimumVisible",void 0),xd([Yn({attribute:"has-hidden-items",mode:"boolean"})],Cd.prototype,"hasHiddenItems",void 0),xd([Gn],Cd.prototype,"overflowCount",void 0),xd([Gn],Cd.prototype,"itemVisibilityMap",void 0),xd([Gn],Cd.prototype,"menuSlotted",void 0),xd([Gn],Cd.prototype,"defaultSlottedContent",void 0);const kd=es`
96
+ :host{white-space:normal;flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${O} solid ${m};outline-offset:calc(${O} * -1)}`.withBehaviors(bt(ts`
97
+ .controllers:focus-visible::after{outline-color:Highlight}`));const Kd=es`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Jn("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${os("controllersContainer")}><slot name="controller" ${Jn("controllers")}></slot></div></div></template>`,Wd=qd.compose({name:`${rr.prefix}-multi-view-group`,template:Kd,styles:Xd,shadowOptions:{mode:rr.shadowRootMode}}),Yd={right:"right",left:"left"},Ud={overflowChange:"overflow-change"};var Gd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Zd extends Yn{}Gd([Un({attribute:"group-id"})],Zd.prototype,"groupId",void 0);var Qd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const Jd="fabric-overflow-item-update";class ec extends Yn{constructor(){super(...arguments),this.priority=0,this.pinned=!1}priorityChanged(){this.$emit(Jd)}pinnedChanged(){this.$emit(Jd)}}Qd([Un({attribute:"overflow-id"})],ec.prototype,"overflowId",void 0),Qd([Un({converter:{fromView:Number,toView:String}})],ec.prototype,"priority",void 0),Qd([Un({attribute:"group-id"})],ec.prototype,"groupId",void 0),Qd([Un({mode:"boolean"})],ec.prototype,"pinned",void 0);var tc=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class oc extends Yn{constructor(){super(...arguments),this.observing=!1,this.pendingItems=[],this.pendingDividers=[],this.registeredItems=new Map,this.registeredDividers=new Map,this.overflowAxis="horizontal",this.overflowDirection="end",this.padding=10,this.hasHiddenItems=!1,this.overflowCount=0,this.itemVisibilityMap=new Map,this.menuSlotted=[],this.defaultSlottedContent=[],this.handleItemUpdate=e=>{const t=e.target;t instanceof ec&&this.updateItem(t.overflowId,{priority:t.priority,pinned:t.pinned})}}connectedCallback(){super.connectedCallback(),this.addEventListener(Jd,this.handleItemUpdate),this.initManager()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(Jd,this.handleItemUpdate),this.disposeManager()}getItemVisibility(e){var t;return null===(t=this.itemVisibilityMap.get(e))||void 0===t||t}registerElement(e){var t,o;if(e instanceof ec){const o={element:e,id:e.overflowId,priority:e.priority,groupId:e.groupId,pinned:e.pinned};this.registeredItems.set(o.id,o),this.observing?null===(t=this.manager)||void 0===t||t.addItem(o):this.pendingItems.push(o)}else if(e instanceof Zd){const t={element:e,groupId:e.groupId};this.registeredDividers.set(t.groupId,t),this.observing?null===(o=this.manager)||void 0===o||o.addDivider(t):this.pendingDividers.push(t)}}unregisterElement(e){var t,o;e instanceof ec?(this.registeredItems.delete(e.overflowId),this.observing?null===(t=this.manager)||void 0===t||t.removeItem(e.overflowId):this.pendingItems=this.pendingItems.filter(t=>t.id!==e.overflowId)):e instanceof Zd&&(this.registeredDividers.delete(e.groupId),this.observing?null===(o=this.manager)||void 0===o||o.removeDivider(e.groupId):this.pendingDividers=this.pendingDividers.filter(t=>t.groupId!==e.groupId))}updateItem(e,t){var o;const i=this.registeredItems.get(e);i&&(Object.assign(i,t),null===(o=this.manager)||void 0===o||o.update())}update(){var e;null===(e=this.manager)||void 0===e||e.update()}forceUpdate(){var e;null===(e=this.manager)||void 0===e||e.forceUpdate()}registerMenu(e){var t;e.style.flexShrink="0",e.style.display="none",null===(t=this.manager)||void 0===t||t.addOverflowMenu(e),this.menuSlottedCleanup=()=>{var e;null===(e=this.manager)||void 0===e||e.removeOverflowMenu()}}menuSlottedChanged(){var e;null===(e=this.menuSlottedCleanup)||void 0===e||e.call(this),this.menuSlottedCleanup=void 0,this.menuSlotted.length>0&&this.registerMenu(this.menuSlotted[0])}defaultSlottedContentChanged(){const e=new Set(this.registeredItems.keys()),t=new Set(this.registeredDividers.keys());for(const o of this.defaultSlottedContent)if(o instanceof ec){if(e.delete(o.overflowId))continue;this.registerElement(o)}else if(o instanceof Zd){if(t.delete(o.groupId))continue;this.registerElement(o)}for(const t of e){const e=this.registeredItems.get(t);e&&this.unregisterElement(e.element)}for(const e of t){const t=this.registeredDividers.get(e);t&&this.unregisterElement(t.element)}}overflowAxisChanged(){this.reobserve()}overflowDirectionChanged(){this.reobserve()}paddingChanged(){this.reobserve()}minimumVisibleChanged(){this.reobserve()}hasHiddenItemsChanged(){this.reobserve()}initManager(){this.pendingRaf=requestAnimationFrame(()=>{this.pendingRaf=void 0,this.isConnected&&(this.manager=Ls(),this.observeContainer())})}observeContainer(){var e;this.manager&&(this.observing=!1,this.manager.observe(this,{padding:this.padding,overflowAxis:this.overflowAxis,overflowDirection:this.overflowDirection,minimumVisible:null!==(e=this.minimumVisible)&&void 0!==e?e:0,hasHiddenItems:this.hasHiddenItems,onUpdateItemVisibility:({item:e,visible:t})=>{this.itemVisibilityMap.set(e.id,t),t?(e.element.removeAttribute("data-overflowing"),e.element.removeAttribute("aria-hidden"),e.element.removeAttribute("inert")):(e.element.setAttribute("data-overflowing",""),e.element.setAttribute("aria-hidden","true"),e.element.setAttribute("inert",""))},onUpdateOverflow:e=>{this.overflowCount=e.invisibleItems.length;const t=this.menuSlotted.length>0?this.menuSlotted[0]:void 0;t&&(t.style.display=e.invisibleItems.length>0?"":"none");const o={visibleItems:e.visibleItems,invisibleItems:e.invisibleItems,groupVisibility:e.groupVisibility};this.dispatchEvent(new CustomEvent(Ud.overflowChange,{bubbles:!0,composed:!0,detail:o}))}}),this.observing=!0,this.menuSlotted.length>0&&this.registerMenu(this.menuSlotted[0]),this.flushPending())}flushPending(){var e,t,o;for(const t of this.pendingItems)null===(e=this.manager)||void 0===e||e.addItem(t);this.pendingItems=[];for(const e of this.pendingDividers)null===(t=this.manager)||void 0===t||t.addDivider(e);this.pendingDividers=[],null===(o=this.manager)||void 0===o||o.forceUpdate()}reobserve(){this.manager&&this.isConnected&&(this.observing=!1,this.manager.disconnect(),this.pendingItems=[...this.registeredItems.values()],this.pendingDividers=[...this.registeredDividers.values()],this.observeContainer())}disposeManager(){var e,t;void 0!==this.pendingRaf&&(cancelAnimationFrame(this.pendingRaf),this.pendingRaf=void 0),null===(e=this.menuSlottedCleanup)||void 0===e||e.call(this),this.menuSlottedCleanup=void 0,null===(t=this.manager)||void 0===t||t.disconnect(),this.manager=void 0,this.observing=!1,this.pendingItems=[],this.pendingDividers=[],this.registeredItems.clear(),this.registeredDividers.clear()}}tc([Un({attribute:"overflow-axis"})],oc.prototype,"overflowAxis",void 0),tc([Un({attribute:"overflow-direction"})],oc.prototype,"overflowDirection",void 0),tc([Un({converter:{fromView:Number,toView:String}})],oc.prototype,"padding",void 0),tc([Un({attribute:"minimum-visible",converter:{fromView:Number,toView:String}})],oc.prototype,"minimumVisible",void 0),tc([Un({attribute:"has-hidden-items",mode:"boolean"})],oc.prototype,"hasHiddenItems",void 0),tc([Gn],oc.prototype,"overflowCount",void 0),tc([Gn],oc.prototype,"itemVisibilityMap",void 0),tc([Gn],oc.prototype,"menuSlotted",void 0),tc([Gn],oc.prototype,"defaultSlottedContent",void 0);const ic=ts`
84
98
  ${u("flex")}
85
99
 
86
- :host{position:relative;min-inline-size:0;inline-size:100%;flex-wrap:nowrap;overflow:clip;overflow-clip-margin:${f}}:host([overflow-axis="vertical"]){flex-direction:column;block-size:100%}:host([overflow-direction="start"]) ::slotted([slot="menu"]){order:-1}`,Id=Jn`<template><slot ${Qn("defaultSlottedContent")}></slot><slot name="menu" ${Qn("menuSlotted")}></slot></template>`,Ed=Cd.compose({name:`${nr.prefix}-overflow`,template:Id,styles:kd,shadowOptions:{mode:nr.shadowRootMode}}),Sd={horizontal:"horizontal",vertical:"vertical"},Ld={start:"start",end:"end"},Md=es`
100
+ :host{white-space:normal;position:relative;min-inline-size:0;inline-size:100%;flex-wrap:nowrap;overflow:clip;overflow-clip-margin:${f}}:host([overflow-axis="vertical"]){flex-direction:column;block-size:100%}:host([overflow-direction="start"]) ::slotted([slot="menu"]){order:-1}`,nc=es`<template><slot ${Jn("defaultSlottedContent")}></slot><slot name="menu" ${Jn("menuSlotted")}></slot></template>`,sc=oc.compose({name:`${rr.prefix}-overflow`,template:nc,styles:ic,shadowOptions:{mode:rr.shadowRootMode}}),rc={horizontal:"horizontal",vertical:"vertical"},ac={start:"start",end:"end"},lc=ts`
87
101
  ${u("inline-flex")}
88
102
 
89
- :host{flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`,Pd=Jn`<template><slot></slot></template>`,zd=$d.compose({name:`${nr.prefix}-overflow-item`,template:Pd,styles:Md,shadowOptions:{mode:nr.shadowRootMode}}),Rd=es`
103
+ :host{white-space:normal;flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`,dc=es`<template><slot></slot></template>`,cc=ec.compose({name:`${rr.prefix}-overflow-item`,template:dc,styles:lc,shadowOptions:{mode:rr.shadowRootMode}}),hc=ts`
90
104
  ${u("inline-flex")}
91
105
 
92
- :host{flex-shrink:0;align-items:stretch;padding-block:${le};padding-inline:${f};min-block-size:${t};box-sizing:border-box}:host::before{content:"";display:block;inline-size:${P};background:${z}}:host([data-overflowing]){display:none}`,Ad=Jn`<template><slot></slot></template>`,Od=fd.compose({name:`${nr.prefix}-overflow-divider`,template:Ad,styles:Rd,shadowOptions:{mode:nr.shadowRootMode}}),Td="auto",Dd="flip",Bd="none",Vd={top:"top",right:"right",bottom:"bottom",left:"left"};class _d{constructor(e){var t,o,i,n;this.origin=e.origin,this.overlay=e.overlay,this.positions=e.positions,this.boundaryElement=null!==(t=e.boundaryElement)&&void 0!==t?t:null,this.offsetParent=null!==(o=e.offsetParent)&&void 0!==o?o:null,this.viewportMargin=null!==(i=e.viewportMargin)&&void 0!==i?i:0,this.resize=null!==(n=e.resize)&&void 0!==n&&n,this.resizeMinHeight=e.resizeMinHeight}getBoundary(){return function(e,t=0){var o,i,n,s,r,a,l,d;return"number"==typeof t?{top:e.top+t,left:e.left+t,bottom:e.bottom-t,right:e.right-t,width:e.width?e.width-2*t:void 0,height:e.height?e.height-2*t:void 0}:{top:e.top+(null!==(o=t.top)&&void 0!==o?o:0),left:e.left+(null!==(i=t.left)&&void 0!==i?i:0),bottom:e.bottom-(null!==(n=t.bottom)&&void 0!==n?n:0),right:e.right-(null!==(s=t.right)&&void 0!==s?s:0),width:e.width?e.width-(null!==(r=t.left)&&void 0!==r?r:0)-(null!==(a=t.right)&&void 0!==a?a:0):void 0,height:e.height?e.height-(null!==(l=t.top)&&void 0!==l?l:0)-(null!==(d=t.bottom)&&void 0!==d?d:0):void 0}}(this.boundaryElement?function(e){const t=e.getBoundingClientRect();return{top:t.top,left:t.left,bottom:t.bottom,right:t.right,width:t.width,height:t.height}}(this.boundaryElement):{top:0,left:0,bottom:window.innerHeight,right:window.innerWidth,width:window.innerWidth,height:window.innerHeight},this.viewportMargin)}getCandidates(){return[...this.positions]}evaluatePosition(e){const t=this.origin.getBoundingClientRect(),o=this.overlay.getBoundingClientRect(),i=this.getBoundary(),n=function(e,t){let o,i;return o="center"===t.originX?e.left+e.width/2:"start"===t.originX?e.left:e.right,i="center"===t.originY?e.top+e.height/2:"top"===t.originY?e.top:e.bottom,{x:o,y:i}}(t,e),s=function(e,t,o){var i,n;let s,r;s="center"===o.overlayX?-t.width/2:"start"===o.overlayX?0:-t.width,r="center"===o.overlayY?-t.height/2:"top"===o.overlayY?0:-t.height;const a=null!==(i=o.offsetX)&&void 0!==i?i:0,l=null!==(n=o.offsetY)&&void 0!==n?n:0;return{x:e.x+s+a,y:e.y+r+l}}(n,o,e),r=function(e,t,o){const i=e.x+t.width,n=e.y+t.height,s=e.x>=o.left,r=i<=o.right,a=e.y>=o.top,l=n<=o.bottom,d=s&&r,c=a&&l,h=d&&c;let u=t.width,p=t.height;return s?r||(u=Math.max(0,o.right-e.x)):u=Math.max(0,i-o.left),a?l||(p=Math.max(0,o.bottom-e.y)):p=Math.max(0,n-o.top),{isCompletelyWithinViewport:h,fitsInViewportHorizontally:d,fitsInViewportVertically:c,visibleArea:u*p}}(s,o,i);return{position:e,originPoint:n,overlayPoint:s,fit:r}}selectBestPosition(){const e=this.getCandidates();let t=this.evaluatePosition(e[0]),o=t.fit.visibleArea;if(t.fit.isCompletelyWithinViewport)return t;for(let i=1;i<e.length;i++){const n=this.evaluatePosition(e[i]);if(n.fit.isCompletelyWithinViewport)return n;n.fit.visibleArea>o&&(t=n,o=n.fit.visibleArea)}if(this.resize&&e.length>1){let o=this.getAvailableSpace(e[0]),i=e[0];for(let t=1;t<e.length;t++){const n=this.getAvailableSpace(e[t]);n>o&&(o=n,i=e[t])}if(i!==t.position)return this.evaluatePosition(i)}return t}applyPositionResult(e){!function(e,t,o,i){const n="bottom"===o.overlayY,s="end"===o.overlayX,r=null==i?void 0:i.getBoundingClientRect(),a=n||s?e.getBoundingClientRect():null;if(s&&a){const o=(r?r.right:window.innerWidth)-(t.x+a.width);e.style.right=`${Math.round(o)}px`,e.style.left="auto"}else{const o=r?t.x-r.left:t.x;e.style.left=`${Math.round(o)}px`,e.style.right="auto"}if(n&&a){const o=(r?r.bottom:window.innerHeight)-(t.y+a.height);e.style.bottom=`${Math.round(o)}px`,e.style.top="auto"}else{const o=r?t.y-r.top:t.y;e.style.top=`${Math.round(o)}px`,e.style.bottom="auto"}}(this.overlay,e.overlayPoint,e.position,this.offsetParent)}getAvailableSpace(e){var t;const o=this.origin.getBoundingClientRect(),i=this.getBoundary();return"bottom"===e.overlayY&&"top"===e.originY?Math.max(0,o.top-i.top):"top"===e.overlayY&&"bottom"===e.originY?Math.max(0,i.bottom-o.bottom):"end"===e.overlayX&&"start"===e.originX?Math.max(0,o.left-i.left):"start"===e.overlayX&&"end"===e.originX?Math.max(0,i.right-o.right):Math.max(0,(null!==(t=i.height)&&void 0!==t?t:i.bottom-i.top)||0)}tryResize(e){if(!this.resize)return{resized:!1,maxHeight:null};const t=this.overlay.getBoundingClientRect().height,o=this.getAvailableSpace(e);return t<=o||void 0!==this.resizeMinHeight&&o<this.resizeMinHeight?{resized:!1,maxHeight:null}:(this.overlay.style.maxHeight=`${o}px`,this.overlay.style.overflow="auto",{resized:!0,maxHeight:o})}reposition(){if(0===this.getCandidates().length&&!this.resize)return null;this.clearResize();let e=this.selectBestPosition(),t=!1,o=null;return this.resize&&(({resized:t,maxHeight:o}=this.tryResize(e.position)),t&&(e=this.evaluatePosition(e.position))),this.applyPositionResult(e),{resized:t,maxHeight:o,positionResult:e}}clearResize(){this.resize&&(this.overlay.style.maxHeight="",this.overlay.style.overflow="")}}const Hd={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},Fd=Hd,Nd=Object.values(Hd),jd={auto:Td,flip:Dd,none:Bd},qd={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},Xd={[Fd.aboveStart]:Fd.belowStart,[Fd.aboveCenter]:Fd.belowCenter,[Fd.aboveEnd]:Fd.belowEnd,[Fd.belowStart]:Fd.aboveStart,[Fd.belowCenter]:Fd.aboveCenter,[Fd.belowEnd]:Fd.aboveEnd,[Fd.startTop]:Fd.endTop,[Fd.startMiddle]:Fd.endMiddle,[Fd.startBottom]:Fd.endBottom,[Fd.endTop]:Fd.startTop,[Fd.endMiddle]:Fd.startMiddle,[Fd.endBottom]:Fd.startBottom};function Kd(e){switch(e){case Fd.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case Fd.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case Fd.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case Fd.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case Fd.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case Fd.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case Fd.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case Fd.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case Fd.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case Fd.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case Fd.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case Fd.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Wd{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set position(e){this._position=e}get position(){return this._position}constructor(e){var t,o;this.positionStrategy=null,this.rootMargin=15,this._position=Fd.aboveEnd,this._repositionMode=e.repositionMode,this.popoverReference=e.popoverReference,this.anchorReference=e.anchorReference,this.hasBeak=null!==(t=e.hasBeak)&&void 0!==t&&t,this.overflowBoundaryReference=null!==(o=e.overflowBoundaryReference)&&void 0!==o?o:null}toConnectedPosition(e){let t=Kd(e);var o,i;return this.hasBeak&&(t=(o=[t],i=8,o.map(e=>{var t,o;let n=null!==(t=e.offsetX)&&void 0!==t?t:0,s=null!==(o=e.offsetY)&&void 0!==o?o:0;return e.originY!==e.overlayY&&"center"!==e.originY&&"center"!==e.overlayY&&(s+="bottom"===e.originY?i:-i),e.originX!==e.overlayX&&"center"!==e.originX&&"center"!==e.overlayX&&(n+="end"===e.originX?i:-i),{...e,offsetX:n,offsetY:s}}))[0]),t}buildPositionCandidates(){const e=this._position;let t;return t=this._repositionMode===jd.flip?[Xd[e]]:this._repositionMode===jd.auto?Nd.filter(t=>t!==e):[],[this.toConnectedPosition(e),...t.map(e=>this.toConnectedPosition(e))]}createPositionStrategy(){var e;if(!this.popoverReference||!this.anchorReference)return null;const t=null!==(e=this.popoverReference.parentElement)&&void 0!==e?e:null;return new _d({origin:this.anchorReference,overlay:this.popoverReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,offsetParent:t,viewportMargin:this.rootMargin})}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=function(e){const{originX:t,originY:o,overlayX:i,overlayY:n}=e;for(const e of Nd){const s=Kd(e);if(s.originX===t&&s.originY===o&&s.overlayX===i&&s.overlayY===n)return e}return null}(e.positionResult.position);return t&&(this._position=t),e}}var Yd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gd extends Wn{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=Fd.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=jd.flip,this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(qd.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(qd.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(qd.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(qd.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,i;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(i=this.popoverReference)||void 0===i||i.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,i;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(i=this.popoverReference)||void 0===i||i.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.handleWindowChanges=Ia(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.observePopoverOverflow(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()}}nonClickableChanged(){this.processAnchorEventListeners()}positionChanged(){this.positioning&&(this.positioning.position=this.position),this.open&&this.observePopoverOverflow()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded(),this.observePopoverOverflow()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=es`
93
- :host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=es`
94
- :host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;this.popoverReference&&(this.open?(this.addActiveHandlers(),this.observePopoverOverflow(),this.popoverReference.classList.add("popover-open")):(null===(e=this.popoverReference)||void 0===e||e.classList.remove("popover-open"),this.removeEventListeners()))}addActiveHandlers(){this.addRepositioningHandlers(),this.addOverlayEventListeners(),this.addMouseOverEventListeners(),this.createPositioningManager()}popoverReferenceChanged(){this.checkAllLoaded(),this.observePopoverOverflow()}initializeTargetId(){if(!this.targetId){const e=ws("popover-target-");this.targetId=e}this.anchorReferences&&this.anchorReferences.length>0&&this.anchorReferences[0].setAttribute("aria-describedby",this.targetId)}overflowBoundaryChanged(){this.addOverflowBoundaryEventListeners()}emitToggleEvent(){var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(qd.toggle,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:this.open?"open":"closed"}}))}processAnchorEventListeners(){this.anchorReferences&&this.anchorReferences.length&&(!1===this.nonClickable?this.anchorReferences[0].addEventListener("click",this.togglePopover):this.anchorReferences[0].removeEventListener("click",this.togglePopover))}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.addEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.addEventListener("click",this.handleWindowClick)}removeOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.removeEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.removeEventListener("click",this.handleWindowClick)}checkOverflow(){if(!this.positioning||!this.popoverReference)return;this.positioning.position=this.position;this.positioning.reposition()&&(this.popoverReference.dataset.position=this.positioning.position)}addRepositioningHandlers(){"none"!==this.repositionMode&&this.addWindowEventListeners()}createPositioningManager(){var e;this.popoverReference&&(this.positioning=null,this.positioning=new Wd({repositionMode:this.repositionMode,popoverReference:this.popoverReference,anchorReference:null===(e=this.anchorReferences)||void 0===e?void 0:e[0],overflowBoundaryReference:this.overflowBoundary,hasBeak:this.beak}))}removeEventListeners(){this.popoverReference&&(this.removeWindowEventListeners(),this.removeOverlayEventListeners(),this.removeMouseOverEventListeners())}observePopoverOverflow(){Un.enqueue(()=>{this.checkOverflow()})}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Yd([Yn({mode:"boolean"})],Gd.prototype,"beak",void 0),Yd([Yn({mode:"boolean",attribute:"non-clickable"})],Gd.prototype,"nonClickable",void 0),Yd([Yn],Gd.prototype,"size",void 0),Yd([Yn],Gd.prototype,"mode",void 0),Yd([Yn],Gd.prototype,"position",void 0),Yd([Yn({attribute:"target-id"})],Gd.prototype,"targetId",void 0),Yd([Gn],Gd.prototype,"anchorReferences",void 0),Yd([Gn],Gd.prototype,"refsLoaded",void 0),Yd([Yn({attribute:"transition-duration",converter:rs})],Gd.prototype,"transitionDuration",void 0),Yd([Yn({attribute:"transition-delay",converter:rs})],Gd.prototype,"transitionDelay",void 0),Yd([Yn({attribute:"reposition-mode"})],Gd.prototype,"repositionMode",void 0),Yd([Yn({mode:"boolean"})],Gd.prototype,"open",void 0),Yd([Gn],Gd.prototype,"popoverReference",void 0),Yd([Gn],Gd.prototype,"popoverRole",void 0),Yd([Gn],Gd.prototype,"overflowBoundary",void 0);const Ud=es`
106
+ :host{white-space:normal;flex-shrink:0;align-items:stretch;padding-block:${le};padding-inline:${f};min-block-size:${t};box-sizing:border-box}:host::before{content:"";display:block;inline-size:${T};background:${P}}:host([data-overflowing]){display:none}`,uc=es`<template><slot></slot></template>`,pc=Zd.compose({name:`${rr.prefix}-overflow-divider`,template:uc,styles:hc,shadowOptions:{mode:rr.shadowRootMode}}),mc="auto",bc="flip",vc="none",gc={top:"top",right:"right",bottom:"bottom",left:"left"};class fc{constructor(e){var t,o,i,n;this.origin=e.origin,this.overlay=e.overlay,this.positions=e.positions,this.boundaryElement=null!==(t=e.boundaryElement)&&void 0!==t?t:null,this.offsetParent=null!==(o=e.offsetParent)&&void 0!==o?o:null,this.viewportMargin=null!==(i=e.viewportMargin)&&void 0!==i?i:0,this.resize=null!==(n=e.resize)&&void 0!==n&&n,this.resizeMinHeight=e.resizeMinHeight}getBoundary(){return function(e,t=0){var o,i,n,s,r,a,l,d;return"number"==typeof t?{top:e.top+t,left:e.left+t,bottom:e.bottom-t,right:e.right-t,width:e.width?e.width-2*t:void 0,height:e.height?e.height-2*t:void 0}:{top:e.top+(null!==(o=t.top)&&void 0!==o?o:0),left:e.left+(null!==(i=t.left)&&void 0!==i?i:0),bottom:e.bottom-(null!==(n=t.bottom)&&void 0!==n?n:0),right:e.right-(null!==(s=t.right)&&void 0!==s?s:0),width:e.width?e.width-(null!==(r=t.left)&&void 0!==r?r:0)-(null!==(a=t.right)&&void 0!==a?a:0):void 0,height:e.height?e.height-(null!==(l=t.top)&&void 0!==l?l:0)-(null!==(d=t.bottom)&&void 0!==d?d:0):void 0}}(this.boundaryElement?function(e){const t=e.getBoundingClientRect();return{top:t.top,left:t.left,bottom:t.bottom,right:t.right,width:t.width,height:t.height}}(this.boundaryElement):{top:0,left:0,bottom:window.innerHeight,right:window.innerWidth,width:window.innerWidth,height:window.innerHeight},this.viewportMargin)}getCandidates(){return[...this.positions]}evaluatePosition(e){const t=this.origin.getBoundingClientRect(),o=this.overlay.getBoundingClientRect(),i=this.getBoundary(),n=function(e,t){let o,i;return o="center"===t.originX?e.left+e.width/2:"start"===t.originX?e.left:e.right,i="center"===t.originY?e.top+e.height/2:"top"===t.originY?e.top:e.bottom,{x:o,y:i}}(t,e),s=function(e,t,o){var i,n;let s,r;s="center"===o.overlayX?-t.width/2:"start"===o.overlayX?0:-t.width,r="center"===o.overlayY?-t.height/2:"top"===o.overlayY?0:-t.height;const a=null!==(i=o.offsetX)&&void 0!==i?i:0,l=null!==(n=o.offsetY)&&void 0!==n?n:0;return{x:e.x+s+a,y:e.y+r+l}}(n,o,e),r=function(e,t,o){const i=e.x+t.width,n=e.y+t.height,s=e.x>=o.left,r=i<=o.right,a=e.y>=o.top,l=n<=o.bottom,d=s&&r,c=a&&l,h=d&&c;let u=t.width,p=t.height;return s?r||(u=Math.max(0,o.right-e.x)):u=Math.max(0,i-o.left),a?l||(p=Math.max(0,o.bottom-e.y)):p=Math.max(0,n-o.top),{isCompletelyWithinViewport:h,fitsInViewportHorizontally:d,fitsInViewportVertically:c,visibleArea:u*p}}(s,o,i);return{position:e,originPoint:n,overlayPoint:s,fit:r}}selectBestPosition(){const e=this.getCandidates();let t=this.evaluatePosition(e[0]),o=t.fit.visibleArea;if(t.fit.isCompletelyWithinViewport)return t;for(let i=1;i<e.length;i++){const n=this.evaluatePosition(e[i]);if(n.fit.isCompletelyWithinViewport)return n;n.fit.visibleArea>o&&(t=n,o=n.fit.visibleArea)}if(this.resize&&e.length>1){let o=this.getAvailableSpace(e[0]),i=e[0];for(let t=1;t<e.length;t++){const n=this.getAvailableSpace(e[t]);n>o&&(o=n,i=e[t])}if(i!==t.position)return this.evaluatePosition(i)}return t}applyPositionResult(e){!function(e,t,o,i){const n="bottom"===o.overlayY,s="end"===o.overlayX,r=null==i?void 0:i.getBoundingClientRect(),a=n||s?e.getBoundingClientRect():null;if(s&&a){const o=(r?r.right:window.innerWidth)-(t.x+a.width);e.style.right=`${Math.round(o)}px`,e.style.left="auto"}else{const o=r?t.x-r.left:t.x;e.style.left=`${Math.round(o)}px`,e.style.right="auto"}if(n&&a){const o=(r?r.bottom:window.innerHeight)-(t.y+a.height);e.style.bottom=`${Math.round(o)}px`,e.style.top="auto"}else{const o=r?t.y-r.top:t.y;e.style.top=`${Math.round(o)}px`,e.style.bottom="auto"}}(this.overlay,e.overlayPoint,e.position,this.offsetParent)}getAvailableSpace(e){var t;const o=this.origin.getBoundingClientRect(),i=this.getBoundary();return"bottom"===e.overlayY&&"top"===e.originY?Math.max(0,o.top-i.top):"top"===e.overlayY&&"bottom"===e.originY?Math.max(0,i.bottom-o.bottom):"end"===e.overlayX&&"start"===e.originX?Math.max(0,o.left-i.left):"start"===e.overlayX&&"end"===e.originX?Math.max(0,i.right-o.right):Math.max(0,(null!==(t=i.height)&&void 0!==t?t:i.bottom-i.top)||0)}tryResize(e){if(!this.resize)return{resized:!1,maxHeight:null};const t=this.overlay.getBoundingClientRect().height,o=this.getAvailableSpace(e);return t<=o||void 0!==this.resizeMinHeight&&o<this.resizeMinHeight?{resized:!1,maxHeight:null}:(this.overlay.style.maxHeight=`${o}px`,this.overlay.style.overflow="auto",{resized:!0,maxHeight:o})}reposition(){if(0===this.getCandidates().length&&!this.resize)return null;this.clearResize();let e=this.selectBestPosition(),t=!1,o=null;return this.resize&&(({resized:t,maxHeight:o}=this.tryResize(e.position)),t&&(e=this.evaluatePosition(e.position))),this.applyPositionResult(e),{resized:t,maxHeight:o,positionResult:e}}clearResize(){this.resize&&(this.overlay.style.maxHeight="",this.overlay.style.overflow="")}}const wc={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},yc=wc,$c=Object.values(wc),xc={auto:mc,flip:bc,none:vc},Cc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},kc={[yc.aboveStart]:yc.belowStart,[yc.aboveCenter]:yc.belowCenter,[yc.aboveEnd]:yc.belowEnd,[yc.belowStart]:yc.aboveStart,[yc.belowCenter]:yc.aboveCenter,[yc.belowEnd]:yc.aboveEnd,[yc.startTop]:yc.endTop,[yc.startMiddle]:yc.endMiddle,[yc.startBottom]:yc.endBottom,[yc.endTop]:yc.startTop,[yc.endMiddle]:yc.startMiddle,[yc.endBottom]:yc.startBottom};function Ic(e){switch(e){case yc.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case yc.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case yc.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case yc.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case yc.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case yc.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case yc.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case yc.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case yc.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case yc.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case yc.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case yc.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Ec{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set position(e){this._position=e}get position(){return this._position}constructor(e){var t,o;this.positionStrategy=null,this.rootMargin=15,this._position=yc.aboveEnd,this._repositionMode=e.repositionMode,this.popoverReference=e.popoverReference,this.anchorReference=e.anchorReference,this.hasBeak=null!==(t=e.hasBeak)&&void 0!==t&&t,this.overflowBoundaryReference=null!==(o=e.overflowBoundaryReference)&&void 0!==o?o:null}toConnectedPosition(e){let t=Ic(e);var o,i;return this.hasBeak&&(t=(o=[t],i=8,o.map(e=>{var t,o;let n=null!==(t=e.offsetX)&&void 0!==t?t:0,s=null!==(o=e.offsetY)&&void 0!==o?o:0;return e.originY!==e.overlayY&&"center"!==e.originY&&"center"!==e.overlayY&&(s+="bottom"===e.originY?i:-i),e.originX!==e.overlayX&&"center"!==e.originX&&"center"!==e.overlayX&&(n+="end"===e.originX?i:-i),{...e,offsetX:n,offsetY:s}}))[0]),t}buildPositionCandidates(){const e=this._position;let t;return t=this._repositionMode===xc.flip?[kc[e]]:this._repositionMode===xc.auto?$c.filter(t=>t!==e):[],[this.toConnectedPosition(e),...t.map(e=>this.toConnectedPosition(e))]}createPositionStrategy(){var e;if(!this.popoverReference||!this.anchorReference)return null;const t=null!==(e=this.popoverReference.parentElement)&&void 0!==e?e:null;return new fc({origin:this.anchorReference,overlay:this.popoverReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,offsetParent:t,viewportMargin:this.rootMargin})}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=function(e){const{originX:t,originY:o,overlayX:i,overlayY:n}=e;for(const e of $c){const s=Ic(e);if(s.originX===t&&s.originY===o&&s.overlayX===i&&s.overlayY===n)return e}return null}(e.positionResult.position);return t&&(this._position=t),e}}var Lc=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Sc extends Yn{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=yc.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=xc.flip,this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Cc.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Cc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Cc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Cc.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,i;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(i=this.popoverReference)||void 0===i||i.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,i;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(i=this.popoverReference)||void 0===i||i.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.handleWindowChanges=za(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.observePopoverOverflow(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()}}nonClickableChanged(){this.processAnchorEventListeners()}positionChanged(){this.positioning&&(this.positioning.position=this.position),this.open&&this.observePopoverOverflow()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded(),this.observePopoverOverflow()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=ts`
107
+ :host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=ts`
108
+ :host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;this.popoverReference&&(this.open?(this.addActiveHandlers(),this.observePopoverOverflow(),this.popoverReference.classList.add("popover-open")):(null===(e=this.popoverReference)||void 0===e||e.classList.remove("popover-open"),this.removeEventListeners()))}addActiveHandlers(){this.addRepositioningHandlers(),this.addOverlayEventListeners(),this.addMouseOverEventListeners(),this.createPositioningManager()}popoverReferenceChanged(){this.checkAllLoaded(),this.observePopoverOverflow()}initializeTargetId(){if(!this.targetId){const e=ys("popover-target-");this.targetId=e}this.anchorReferences&&this.anchorReferences.length>0&&this.anchorReferences[0].setAttribute("aria-describedby",this.targetId)}overflowBoundaryChanged(){this.addOverflowBoundaryEventListeners()}emitToggleEvent(){var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Cc.toggle,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:this.open?"open":"closed"}}))}processAnchorEventListeners(){this.anchorReferences&&this.anchorReferences.length&&(!1===this.nonClickable?this.anchorReferences[0].addEventListener("click",this.togglePopover):this.anchorReferences[0].removeEventListener("click",this.togglePopover))}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.addEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.addEventListener("click",this.handleWindowClick)}removeOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.removeEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.removeEventListener("click",this.handleWindowClick)}checkOverflow(){if(!this.positioning||!this.popoverReference)return;this.positioning.position=this.position;this.positioning.reposition()&&(this.popoverReference.dataset.position=this.positioning.position)}addRepositioningHandlers(){"none"!==this.repositionMode&&this.addWindowEventListeners()}createPositioningManager(){var e;this.popoverReference&&(this.positioning=null,this.positioning=new Ec({repositionMode:this.repositionMode,popoverReference:this.popoverReference,anchorReference:null===(e=this.anchorReferences)||void 0===e?void 0:e[0],overflowBoundaryReference:this.overflowBoundary,hasBeak:this.beak}))}removeEventListeners(){this.popoverReference&&(this.removeWindowEventListeners(),this.removeOverlayEventListeners(),this.removeMouseOverEventListeners())}observePopoverOverflow(){Zn.enqueue(()=>{this.checkOverflow()})}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Lc([Un({mode:"boolean"})],Sc.prototype,"beak",void 0),Lc([Un({mode:"boolean",attribute:"non-clickable"})],Sc.prototype,"nonClickable",void 0),Lc([Un],Sc.prototype,"size",void 0),Lc([Un],Sc.prototype,"mode",void 0),Lc([Un],Sc.prototype,"position",void 0),Lc([Un({attribute:"target-id"})],Sc.prototype,"targetId",void 0),Lc([Gn],Sc.prototype,"anchorReferences",void 0),Lc([Gn],Sc.prototype,"refsLoaded",void 0),Lc([Un({attribute:"transition-duration",converter:ls})],Sc.prototype,"transitionDuration",void 0),Lc([Un({attribute:"transition-delay",converter:ls})],Sc.prototype,"transitionDelay",void 0),Lc([Un({attribute:"reposition-mode"})],Sc.prototype,"repositionMode",void 0),Lc([Un({mode:"boolean"})],Sc.prototype,"open",void 0),Lc([Gn],Sc.prototype,"popoverReference",void 0),Lc([Gn],Sc.prototype,"popoverRole",void 0),Lc([Gn],Sc.prototype,"overflowBoundary",void 0);const Mc=ts`
95
109
  ${u("block")}
96
110
 
97
- .popover-container{position:relative;width:fit-content}.popover{font-family:${R};background-color:${B};border-radius:${p};border:1px solid ${N};box-shadow:${j};visibility:hidden;opacity:0;z-index:0;position:absolute;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${c};transition-property:opacity,visibility;transition-duration:var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${ae};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${d};max-width:var(--popoverMaxWidth,317px)}.beak{position:absolute;top:0;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-bottom:8px solid ${B};z-index:1}:host([beak]) .beak-shadow::after{content:"";position:absolute;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:9px solid transparent;border-bottom:8px solid rgba(0,0,0,0.14);filter:blur(8px);z-index:0;opacity:0;transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}:host([open][beak]) .beak-shadow:after{opacity:1}:host([beak]) .popover[data-position="above-start"] ~ .beak-shadow:after{start:calc(
111
+ :host{white-space:normal}.popover-container{position:relative;width:fit-content}.popover{font-family:${R};background-color:${B};border-radius:${p};border:1px solid ${j};box-shadow:${N};visibility:hidden;opacity:0;z-index:0;position:absolute;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${c};transition-property:opacity,visibility;transition-duration:var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${ae};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${d};max-width:var(--popoverMaxWidth,317px)}.beak{position:absolute;top:0;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-bottom:8px solid ${B};z-index:1}:host([beak]) .beak-shadow::after{content:"";position:absolute;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:9px solid transparent;border-bottom:8px solid rgba(0,0,0,0.14);filter:blur(8px);z-index:0;opacity:0;transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}:host([open][beak]) .beak-shadow:after{opacity:1}:host([beak]) .popover[data-position="above-start"] ~ .beak-shadow:after{start:calc(
98
112
  16px + var(--beakShadowHorizontalNudge,0px)
99
113
  );top:calc(
100
114
  -8px + var(--beakShadowVerticalNudge,0px)
@@ -102,11 +116,11 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
102
116
  ${c} + var(--beakShadowHorizontalNudge,0px)
103
117
  );top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([beak]) .popover[data-position="above-end"] .beak{inset-inline-end:${c};top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="end-top"] ~ .beak-shadow:after{inset-inline-start:calc(
104
118
  100% - 1px + var(--beakShadowHorizontalNudge,0px)
105
- );top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-top"] .beak{inset-inline-start:-12px;top:${ht};transform:rotate(270deg)}:host([beak]) .popover[data-position="end-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
119
+ );top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-top"] .beak{inset-inline-start:-12px;top:${st};transform:rotate(270deg)}:host([beak]) .popover[data-position="end-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
106
120
  100% - 1px + var(--beakShadowHorizontalNudge,0px)
107
121
  );top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([beak]) .popover[data-position="end-middle"] .beak{inset-inline-start:-12px;top:calc(50% - 4px);transform:rotate(270deg)}:host([beak]) .popover[data-position="end-bottom"] ~ .beak-shadow:after{inset-inline-start:calc(
108
122
  100% - 1px + var(--beakShadowHorizontalNudge,0px)
109
- );top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-bottom"] .beak{inset-inline-start:-12px;top:unset;bottom:${ht};transform:rotate(270deg)}:host([beak]) .popover[data-position="below-start"] ~ .beak-shadow:after{inset-inline-start:calc(
123
+ );top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-bottom"] .beak{inset-inline-start:-12px;top:unset;bottom:${st};transform:rotate(270deg)}:host([beak]) .popover[data-position="below-start"] ~ .beak-shadow:after{inset-inline-start:calc(
110
124
  ${c} + var(--beakShadowHorizontalNudge,0px)
111
125
  );top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-start"] .beak{inset-inline-start:${c};top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="below-center"] ~ .beak-shadow:after{inset-inline-start:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-8px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-center"] .beak{inset-inline-start:calc(50% - 8px);top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="below-end"] ~ .beak-shadow:after{inset-inline-end:calc(
112
126
  ${c} + var(--beakShadowHorizontalNudge,0px)
@@ -114,92 +128,180 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
114
128
  -15px + var(--beakShadowHorizontalNudge,0px)
115
129
  );top:calc(
116
130
  18px + var(--beakShadowVerticalNudge,0px)
117
- );transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-top"] .beak{inset-inline-end:-12px;top:${ht};transform:rotate(90deg)}:host([beak]) .popover[data-position="start-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
131
+ );transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-top"] .beak{inset-inline-end:-12px;top:${st};transform:rotate(90deg)}:host([beak]) .popover[data-position="start-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
118
132
  -15px + var(--beakShadowHorizontalNudge,0px)
119
133
  );top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([beak]) .popover[data-position="start-middle"] .beak{inset-inline-end:-12px;top:calc(50% - 4px);transform:rotate(90deg)}:host([beak]) .popover[data-position="start-bottom"] ~ .beak-shadow:after{inset-inline-start:calc(
120
134
  -15px + var(--beakShadowHorizontalNudge,0px)
121
- );top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-bottom"] .beak{inset-inline-end:-12px;top:unset;bottom:${ht};transform:rotate(90deg)}`;const Zd=Jn`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Qn("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${ts("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${as(e=>e.beak,Jn`<div part="beak" class="beak"></div>`)}</div>${as(e=>e.beak,Jn`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Qd=Gd.compose({name:`${nr.prefix}-popover`,template:Zd,styles:Ud,shadowOptions:{mode:nr.shadowRootMode}}),Jd={pageChange:"page-change"},ec={default:"default",compact:"compact"};var tc=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const oc=480,ic=640,nc=1024;class sc extends Wn{constructor(){super(...arguments),this.responsiveLayout="full",this.isPaginationStateNormalizationQueued=!1,this.updateResponsiveLayout=()=>{this.responsiveLayout=this.resolveResponsiveLayout()},this.variant=ec.default,this.currentPage=1,this.totalPages=1,this.disabled=!1,this.labelPageOption="",this.labelPageButton="",this.labelNavigation="",this.labelFirstPage="",this.labelPreviousPage="",this.labelNextPage="",this.labelLastPage="",this.labelPageSummary="",this.labelPageNumbers="",this.labelPrevious="",this.labelNext=""}connectedCallback(){var e;super.connectedCallback(),null===(e=globalThis.window)||void 0===e||e.addEventListener("resize",this.updateResponsiveLayout),this.queuePaginationStateNormalization(),this.updateResponsiveLayout()}disconnectedCallback(){var e;null===(e=globalThis.window)||void 0===e||e.removeEventListener("resize",this.updateResponsiveLayout),super.disconnectedCallback()}handleCompactDropdownChange(e){this.goToPage(Number(e.currentTarget.value))}currentPageChanged(){this.isConnected&&this.queuePaginationStateNormalization()}totalPagesChanged(){this.isConnected&&this.queuePaginationStateNormalization()}get usesCompactControls(){return this.variant===ec.compact||"compact-minimal"===this.responsiveLayout||"compact"===this.responsiveLayout}get showCompactBoundaryControls(){return this.variant===ec.compact||"compact-minimal"!==this.responsiveLayout}get showTextNavigation(){return"full"===this.responsiveLayout}getLocalizedString(e){return Is(e)}pageOptionLabel(e){return this.formatLabelTemplate(this.labelPageOption||this.getLocalizedString("Pagination_PageOption"),{page:String(e),total:String(this.normalizedTotalPages)})}pageButtonLabel(e){return this.formatLabelTemplate(this.labelPageButton||this.getLocalizedString("Pagination_PageButton"),{page:String(e)})}formatLabelTemplate(e,t){return Object.entries(t).reduce((e,[t,o])=>e.split(`{${t}}`).join(o),e)}get normalizedTotalPages(){return this.sanitizeTotalPages(this.totalPages)}get normalizedCurrentPage(){return this.sanitizePage(this.currentPage)}goToPage(e){if(this.disabled)return;const t=this.sanitizePage(e),o=this.normalizedCurrentPage;if(t===o)return;const i=o;this.currentPage=t,this.emitPageChange(i,t)}nextPage(){this.goToPage(this.normalizedCurrentPage+1)}previousPage(){this.goToPage(this.normalizedCurrentPage-1)}firstPage(){this.goToPage(1)}lastPage(){this.goToPage(this.normalizedTotalPages)}get pageItems(){const e=this.normalizedTotalPages,t=this.normalizedCurrentPage;return e<=7?Array.from({length:e},(e,t)=>t+1):t<=3?[...Array.from({length:5},(e,t)=>t+1),"ellipsis",e]:t>=e-2?[1,"ellipsis",...Array.from({length:5},(t,o)=>e-5+1+o)]:[1,"ellipsis",t-1,t,t+1,"ellipsis",e]}sanitizeTotalPages(e){const t=Number(e);return Number.isFinite(t)?Math.max(1,Math.round(t)):1}sanitizePage(e){return this.sanitizePageForTotal(e,this.normalizedTotalPages)}sanitizePageForTotal(e,t){const o=Number(e),i=Number.isFinite(o)?Math.round(o):1;return Math.min(t,Math.max(1,i))}queuePaginationStateNormalization(){this.isPaginationStateNormalizationQueued||(this.isPaginationStateNormalizationQueued=!0,queueMicrotask(()=>{this.isPaginationStateNormalizationQueued=!1,this.isConnected&&this.normalizePaginationState()}))}normalizePaginationState(){const e=this.sanitizeTotalPages(this.totalPages),t=this.sanitizePageForTotal(this.currentPage,e);this.totalPages!==e&&(this.totalPages=e),this.currentPage!==t&&(this.currentPage=t)}resolveResponsiveLayout(){var e;const t=null===(e=globalThis.window)||void 0===e?void 0:e.innerWidth;return"number"!=typeof t?"full":t<oc?"compact-minimal":t<ic?"compact":t<nc?"numeric":"full"}emitPageChange(e,t){const o={previousPage:e,currentPage:t};this.dispatchEvent(new CustomEvent(Jd.pageChange,{detail:o,bubbles:!0,composed:!0}))}}tc([Gn],sc.prototype,"responsiveLayout",void 0),tc([Yn],sc.prototype,"variant",void 0),tc([Yn({attribute:"current-page"})],sc.prototype,"currentPage",void 0),tc([Yn({attribute:"total-pages"})],sc.prototype,"totalPages",void 0),tc([Yn({mode:"boolean"})],sc.prototype,"disabled",void 0),tc([Yn({attribute:"label-page-option"})],sc.prototype,"labelPageOption",void 0),tc([Yn({attribute:"label-page-button"})],sc.prototype,"labelPageButton",void 0),tc([Yn({attribute:"label-navigation"})],sc.prototype,"labelNavigation",void 0),tc([Yn({attribute:"label-first-page"})],sc.prototype,"labelFirstPage",void 0),tc([Yn({attribute:"label-previous-page"})],sc.prototype,"labelPreviousPage",void 0),tc([Yn({attribute:"label-next-page"})],sc.prototype,"labelNextPage",void 0),tc([Yn({attribute:"label-last-page"})],sc.prototype,"labelLastPage",void 0),tc([Yn({attribute:"label-page-summary"})],sc.prototype,"labelPageSummary",void 0),tc([Yn({attribute:"label-page-numbers"})],sc.prototype,"labelPageNumbers",void 0),tc([Yn({attribute:"label-previous"})],sc.prototype,"labelPrevious",void 0),tc([Yn({attribute:"label-next"})],sc.prototype,"labelNext",void 0);const rc=es`
135
+ );top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-bottom"] .beak{inset-inline-end:-12px;top:unset;bottom:${st};transform:rotate(90deg)}`;const Tc=es`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Jn("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${os("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${ds(e=>e.beak,es`<div part="beak" class="beak"></div>`)}</div>${ds(e=>e.beak,es`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Pc=Sc.compose({name:`${rr.prefix}-popover`,template:Tc,styles:Mc,shadowOptions:{mode:rr.shadowRootMode}}),Rc={pageChange:"page-change"},zc={default:"default",compact:"compact"};var Ac=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const Oc=480,Dc=640,Bc=1024;class _c extends Yn{constructor(){super(...arguments),this.responsiveLayout="full",this.isPaginationStateNormalizationQueued=!1,this.updateResponsiveLayout=()=>{this.responsiveLayout=this.resolveResponsiveLayout()},this.variant=zc.default,this.currentPage=1,this.totalPages=1,this.disabled=!1,this.labelPageOption="",this.labelPageButton="",this.labelNavigation="",this.labelFirstPage="",this.labelPreviousPage="",this.labelNextPage="",this.labelLastPage="",this.labelPageSummary="",this.labelPageNumbers="",this.labelPrevious="",this.labelNext=""}connectedCallback(){var e;super.connectedCallback(),null===(e=globalThis.window)||void 0===e||e.addEventListener("resize",this.updateResponsiveLayout),this.queuePaginationStateNormalization(),this.updateResponsiveLayout()}disconnectedCallback(){var e;null===(e=globalThis.window)||void 0===e||e.removeEventListener("resize",this.updateResponsiveLayout),super.disconnectedCallback()}handleCompactDropdownChange(e){this.goToPage(Number(e.currentTarget.value))}currentPageChanged(){this.isConnected&&this.queuePaginationStateNormalization()}totalPagesChanged(){this.isConnected&&this.queuePaginationStateNormalization()}get usesCompactControls(){return this.variant===zc.compact||"compact-minimal"===this.responsiveLayout||"compact"===this.responsiveLayout}get showCompactBoundaryControls(){return this.variant===zc.compact||"compact-minimal"!==this.responsiveLayout}get showTextNavigation(){return"full"===this.responsiveLayout}getLocalizedString(e){return Es(e)}pageOptionLabel(e){return this.formatLabelTemplate(this.labelPageOption||this.getLocalizedString("Pagination_PageOption"),{page:String(e),total:String(this.normalizedTotalPages)})}pageButtonLabel(e){return this.formatLabelTemplate(this.labelPageButton||this.getLocalizedString("Pagination_PageButton"),{page:String(e)})}formatLabelTemplate(e,t){return Object.entries(t).reduce((e,[t,o])=>e.split(`{${t}}`).join(o),e)}get normalizedTotalPages(){return this.sanitizeTotalPages(this.totalPages)}get normalizedCurrentPage(){return this.sanitizePage(this.currentPage)}goToPage(e){if(this.disabled)return;const t=this.sanitizePage(e),o=this.normalizedCurrentPage;if(t===o)return;const i=o;this.currentPage=t,this.emitPageChange(i,t)}nextPage(){this.goToPage(this.normalizedCurrentPage+1)}previousPage(){this.goToPage(this.normalizedCurrentPage-1)}firstPage(){this.goToPage(1)}lastPage(){this.goToPage(this.normalizedTotalPages)}get pageItems(){const e=this.normalizedTotalPages,t=this.normalizedCurrentPage;return e<=7?Array.from({length:e},(e,t)=>t+1):t<=3?[...Array.from({length:5},(e,t)=>t+1),"ellipsis",e]:t>=e-2?[1,"ellipsis",...Array.from({length:5},(t,o)=>e-5+1+o)]:[1,"ellipsis",t-1,t,t+1,"ellipsis",e]}sanitizeTotalPages(e){const t=Number(e);return Number.isFinite(t)?Math.max(1,Math.round(t)):1}sanitizePage(e){return this.sanitizePageForTotal(e,this.normalizedTotalPages)}sanitizePageForTotal(e,t){const o=Number(e),i=Number.isFinite(o)?Math.round(o):1;return Math.min(t,Math.max(1,i))}queuePaginationStateNormalization(){this.isPaginationStateNormalizationQueued||(this.isPaginationStateNormalizationQueued=!0,queueMicrotask(()=>{this.isPaginationStateNormalizationQueued=!1,this.isConnected&&this.normalizePaginationState()}))}normalizePaginationState(){const e=this.sanitizeTotalPages(this.totalPages),t=this.sanitizePageForTotal(this.currentPage,e);this.totalPages!==e&&(this.totalPages=e),this.currentPage!==t&&(this.currentPage=t)}resolveResponsiveLayout(){var e;const t=null===(e=globalThis.window)||void 0===e?void 0:e.innerWidth;return"number"!=typeof t?"full":t<Oc?"compact-minimal":t<Dc?"compact":t<Bc?"numeric":"full"}emitPageChange(e,t){const o={previousPage:e,currentPage:t};this.dispatchEvent(new CustomEvent(Rc.pageChange,{detail:o,bubbles:!0,composed:!0}))}}Ac([Gn],_c.prototype,"responsiveLayout",void 0),Ac([Un],_c.prototype,"variant",void 0),Ac([Un({attribute:"current-page"})],_c.prototype,"currentPage",void 0),Ac([Un({attribute:"total-pages"})],_c.prototype,"totalPages",void 0),Ac([Un({mode:"boolean"})],_c.prototype,"disabled",void 0),Ac([Un({attribute:"label-page-option"})],_c.prototype,"labelPageOption",void 0),Ac([Un({attribute:"label-page-button"})],_c.prototype,"labelPageButton",void 0),Ac([Un({attribute:"label-navigation"})],_c.prototype,"labelNavigation",void 0),Ac([Un({attribute:"label-first-page"})],_c.prototype,"labelFirstPage",void 0),Ac([Un({attribute:"label-previous-page"})],_c.prototype,"labelPreviousPage",void 0),Ac([Un({attribute:"label-next-page"})],_c.prototype,"labelNextPage",void 0),Ac([Un({attribute:"label-last-page"})],_c.prototype,"labelLastPage",void 0),Ac([Un({attribute:"label-page-summary"})],_c.prototype,"labelPageSummary",void 0),Ac([Un({attribute:"label-page-numbers"})],_c.prototype,"labelPageNumbers",void 0),Ac([Un({attribute:"label-previous"})],_c.prototype,"labelPrevious",void 0),Ac([Un({attribute:"label-next"})],_c.prototype,"labelNext",void 0);const Vc=ts`
122
136
  ${u("inline-flex")}
123
137
 
124
- :host{box-sizing:border-box;font-family:${R}}.pagination-root{display:inline-flex;align-items:center;justify-content:center;gap:${v};min-height:${je}}button{border:0;background:transparent;color:${fe};font-size:${de};line-height:${He};cursor:pointer}button:disabled{color:${w};cursor:default}.text-button{display:inline-flex;align-items:center;gap:${f};font-weight:${ce};padding-block:0;padding-inline:${ae};block-size:${je};border-radius:${p}}.button-label{display:inline-flex;align-items:center}.page-button{inline-size:${pe};box-sizing:border-box;block-size:${je};padding-block:0;padding-inline:${M};position:relative;font-weight:${he};color:${fe};display:inline-flex;align-items:center;justify-content:center}.page-items{display:inline-flex;align-items:center;justify-content:center;gap:${M}}.page-button.current{font-weight:${ce};color:${me}}.page-button.current::after{content:"";position:absolute;inset-inline-start:${M};inset-inline-end:${M};inset-block-end:0;block-size:2px;background:${ut};border-radius:1px}.ellipsis{display:inline-flex;align-items:center;justify-content:center;inline-size:${pe};box-sizing:border-box;color:${fe};font-size:${de};line-height:${He};padding:0}.navigation-icon{display:inline-flex;align-items:center;justify-content:center}:host(:dir(rtl)) .navigation-icon{transform:scaleX(-1)}.icon-button{inline-size:${je};block-size:${je};padding-block:0;padding-inline:0;border-radius:${p};color:${fe};font-size:${de};display:inline-flex;align-items:center;justify-content:center}.summary{display:inline-flex}.compact-dropdown{inline-size:130px;}:host([disabled]) .page-button,:host([disabled]) .text-button,:host([disabled]) .icon-button{color:${w}}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid ${m};outline-offset:-2px;border-radius:${p}}@media (forced-colors:active){button:not(:disabled){color:ButtonText}button:disabled{color:GrayText}.page-button.current::after{background:Highlight}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid Highlight}}`,ac=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,lc=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`,dc=Jn`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 11C11.7545 11 11.5504 11.1769 11.5081 11.4101L11.5 11.5V20.5C11.5 20.7761 11.7239 21 12 21C12.2455 21 12.4496 20.8231 12.4919 20.5899L12.5 20.5V11.5C12.5 11.2239 12.2761 11 12 11ZM19.8536 11.1464C19.68 10.9729 19.4106 10.9536 19.2157 11.0886L19.1464 11.1464L14.6464 15.6464C14.4729 15.82 14.4536 16.0894 14.5886 16.2843L14.6464 16.3536L19.1464 20.8536C19.3417 21.0488 19.6583 21.0488 19.8536 20.8536C20.0271 20.68 20.0464 20.4106 19.9114 20.2157L19.8536 20.1464L15.7071 16L19.8536 11.8536C20.0488 11.6583 20.0488 11.3417 19.8536 11.1464Z" fill="currentColor" /></svg>`,cc=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3544 15.853C12.1594 16.0486 11.8429 16.0492 11.6472 15.8542L6.16276 10.3893C5.94705 10.1743 5.94705 9.82501 6.16276 9.61006L11.6472 4.14508C11.8429 3.95017 12.1594 3.95074 12.3544 4.14634C12.5493 4.34195 12.5487 4.65854 12.3531 4.85345L7.18851 9.99967L12.3531 15.1459C12.5487 15.3408 12.5493 15.6574 12.3544 15.853Z" fill="currentColor" /></svg>`,hc=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64582 4.14708C7.84073 3.95147 8.15731 3.9509 8.35292 4.14582L13.8374 9.6108C14.0531 9.82574 14.0531 10.1751 13.8374 10.39L8.35292 15.855C8.15731 16.0499 7.84073 16.0493 7.64582 15.8537C7.4509 15.6581 7.45147 15.3415 7.64708 15.1466L12.8117 10.0004L7.64708 4.85418C7.45147 4.65927 7.4509 4.34269 7.64582 4.14708Z" fill="currentColor" /></svg>`,uc=Jn`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z" fill="currentColor" /></svg>`;const pc=Jn`<template><nav class="pagination-root" aria-label="${e=>e.labelNavigation||Is("Pagination_Navigation")}">${as(e=>e.usesCompactControls,Jn` ${as(e=>e.showCompactBoundaryControls,Jn`<button type="button" class="icon-button" data-action="first" data-nav="first" aria-label="${e=>e.labelFirstPage||Is("Pagination_FirstPage")}" @click="${e=>e.firstPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--first" aria-hidden="true">${dc}</span></button>`)}<button type="button" class="icon-button" data-action="previous" data-nav="previous" aria-label="${e=>e.labelPreviousPage||Is("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${cc}</span></button><fabric-dropdown class="compact-dropdown" aria-label="${e=>e.labelPageSummary||Is("Pagination_PageSummary")}" value="${e=>String(e.normalizedCurrentPage)}" @change="${(e,t)=>e.handleCompactDropdownChange(t.event)}" ?disabled="${e=>e.disabled}"><fabric-listbox>${ns(e=>Array.from({length:e.normalizedTotalPages},(e,t)=>t+1),Jn`<fabric-option value="${e=>String(e)}" ?selected="${(e,t)=>e===t.parent.normalizedCurrentPage}">${(e,t)=>t.parent.pageOptionLabel(e)}</fabric-option>`)}</fabric-listbox></fabric-dropdown><button type="button" class="icon-button" data-action="next" data-nav="next" aria-label="${e=>e.labelNextPage||Is("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--next" aria-hidden="true">${hc}</span></button>${as(e=>e.showCompactBoundaryControls,Jn`<button type="button" class="icon-button" data-action="last" data-nav="last" aria-label="${e=>e.labelLastPage||Is("Pagination_LastPage")}" @click="${e=>e.lastPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--last" aria-hidden="true">${uc}</span></button>`)} `,Jn`<button type="button" class="${e=>e.showTextNavigation?"text-button":"icon-button"}" data-action="previous" data-nav="previous" aria-label="${e=>e.showTextNavigation?void 0:e.labelPreviousPage||Is("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${cc}</span>${as(e=>e.showTextNavigation,Jn`<span class="button-label"><slot name="label-previous">${e=>e.labelPrevious||Is("Pagination_Previous")}</slot></span>`)}</button><div class="page-items" role="group" aria-label="${e=>e.labelPageNumbers||Is("Pagination_PageNumbers")}">${ns(e=>e.pageItems,Jn` ${as(e=>"ellipsis"===e,Jn`<span class="ellipsis" aria-hidden="true">...</span>`,Jn`<button type="button" data-action="page" data-page="${e=>String(e)}" @click="${(e,t)=>t.parent.goToPage(Number(e))}" class="page-button ${(e,t)=>Number(e)===t.parent.normalizedCurrentPage?"current":""}" aria-label="${(e,t)=>t.parent.pageButtonLabel(Number(e))}" aria-current="${(e,t)=>Number(e)===t.parent.normalizedCurrentPage?"page":void 0}" ?disabled="${(e,t)=>t.parent.disabled}">${e=>e}</button>`)} `)}</div><button type="button" class="${e=>e.showTextNavigation?"text-button":"icon-button"}" data-action="next" data-nav="next" aria-label="${e=>e.showTextNavigation?void 0:e.labelNextPage||Is("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}">${as(e=>e.showTextNavigation,Jn`<span class="button-label"><slot name="label-next">${e=>e.labelNext||Is("Pagination_Next")}</slot></span>`)}<span class="navigation-icon navigation-icon--next" aria-hidden="true">${hc}</span></button>`)}</nav></template>`,mc=sc.compose({name:`${nr.prefix}-pagination`,template:pc,styles:rc,shadowOptions:{mode:nr.shadowRootMode}}),vc=es`
125
- ${pt}
138
+ :host{white-space:normal;box-sizing:border-box;font-family:${R}}.pagination-root{display:inline-flex;align-items:center;justify-content:center;gap:${b};min-height:${Ne}}button{border:0;background:transparent;color:${fe};font-size:${de};line-height:${Fe};cursor:pointer}button:disabled{color:${w};cursor:default}.text-button{display:inline-flex;align-items:center;gap:${f};font-weight:${ce};padding-block:0;padding-inline:${ae};block-size:${Ne};border-radius:${p}}.button-label{display:inline-flex;align-items:center}.page-button{inline-size:${pe};box-sizing:border-box;block-size:${Ne};padding-block:0;padding-inline:${M};position:relative;font-weight:${he};color:${fe};display:inline-flex;align-items:center;justify-content:center}.page-items{display:inline-flex;align-items:center;justify-content:center;gap:${M}}.page-button.current{font-weight:${ce};color:${me}}.page-button.current::after{content:"";position:absolute;inset-inline-start:${M};inset-inline-end:${M};inset-block-end:0;block-size:2px;background:${vt};border-radius:1px}.ellipsis{display:inline-flex;align-items:center;justify-content:center;inline-size:${pe};box-sizing:border-box;color:${fe};font-size:${de};line-height:${Fe};padding:0}.navigation-icon{display:inline-flex;align-items:center;justify-content:center}:host(:dir(rtl)) .navigation-icon{transform:scaleX(-1)}.icon-button{inline-size:${Ne};block-size:${Ne};padding-block:0;padding-inline:0;border-radius:${p};color:${fe};font-size:${de};display:inline-flex;align-items:center;justify-content:center}.summary{display:inline-flex}.compact-dropdown{inline-size:130px;}:host([disabled]) .page-button,:host([disabled]) .text-button,:host([disabled]) .icon-button{color:${w}}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid ${m};outline-offset:-2px;border-radius:${p}}@media (forced-colors:active){button:not(:disabled){color:ButtonText}button:disabled{color:GrayText}.page-button.current::after{background:Highlight}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid Highlight}}`;const Fc=es`<template><nav class="pagination-root" aria-label="${e=>e.labelNavigation||Es("Pagination_Navigation")}">${ds(e=>e.usesCompactControls,es` ${ds(e=>e.showCompactBoundaryControls,es`<button type="button" class="icon-button" data-action="first" data-nav="first" aria-label="${e=>e.labelFirstPage||Es("Pagination_FirstPage")}" @click="${e=>e.firstPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--first" aria-hidden="true">${sd}</span></button>`)}<button type="button" class="icon-button" data-action="previous" data-nav="previous" aria-label="${e=>e.labelPreviousPage||Es("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${rd}</span></button><fabric-dropdown class="compact-dropdown" aria-label="${e=>e.labelPageSummary||Es("Pagination_PageSummary")}" value="${e=>String(e.normalizedCurrentPage)}" @change="${(e,t)=>e.handleCompactDropdownChange(t.event)}" ?disabled="${e=>e.disabled}"><fabric-listbox>${rs(e=>Array.from({length:e.normalizedTotalPages},(e,t)=>t+1),es`<fabric-option value="${e=>String(e)}" ?selected="${(e,t)=>e===t.parent.normalizedCurrentPage}">${(e,t)=>t.parent.pageOptionLabel(e)}</fabric-option>`)}</fabric-listbox></fabric-dropdown><button type="button" class="icon-button" data-action="next" data-nav="next" aria-label="${e=>e.labelNextPage||Es("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--next" aria-hidden="true">${ad}</span></button>${ds(e=>e.showCompactBoundaryControls,es`<button type="button" class="icon-button" data-action="last" data-nav="last" aria-label="${e=>e.labelLastPage||Es("Pagination_LastPage")}" @click="${e=>e.lastPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--last" aria-hidden="true">${ld}</span></button>`)} `,es`<button type="button" class="${e=>e.showTextNavigation?"text-button":"icon-button"}" data-action="previous" data-nav="previous" aria-label="${e=>e.showTextNavigation?void 0:e.labelPreviousPage||Es("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${rd}</span>${ds(e=>e.showTextNavigation,es`<span class="button-label"><slot name="label-previous">${e=>e.labelPrevious||Es("Pagination_Previous")}</slot></span>`)}</button><div class="page-items" role="group" aria-label="${e=>e.labelPageNumbers||Es("Pagination_PageNumbers")}">${rs(e=>e.pageItems,es` ${ds(e=>"ellipsis"===e,es`<span class="ellipsis" aria-hidden="true">...</span>`,es`<button type="button" data-action="page" data-page="${e=>String(e)}" @click="${(e,t)=>t.parent.goToPage(Number(e))}" class="page-button ${(e,t)=>Number(e)===t.parent.normalizedCurrentPage?"current":""}" aria-label="${(e,t)=>t.parent.pageButtonLabel(Number(e))}" aria-current="${(e,t)=>Number(e)===t.parent.normalizedCurrentPage?"page":void 0}" ?disabled="${(e,t)=>t.parent.disabled}">${e=>e}</button>`)} `)}</div><button type="button" class="${e=>e.showTextNavigation?"text-button":"icon-button"}" data-action="next" data-nav="next" aria-label="${e=>e.showTextNavigation?void 0:e.labelNextPage||Es("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}">${ds(e=>e.showTextNavigation,es`<span class="button-label"><slot name="label-next">${e=>e.labelNext||Es("Pagination_Next")}</slot></span>`)}<span class="navigation-icon navigation-icon--next" aria-hidden="true">${ad}</span></button>`)}</nav></template>`,Hc=_c.compose({name:`${rr.prefix}-pagination`,template:Fc,styles:Vc,shadowOptions:{mode:rr.shadowRootMode}}),jc=ts`
139
+ ${gt}
126
140
 
127
- ::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${yr})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;class bc extends mt{constructor(){super(...arguments),this._pointerFocused=!1,this.handlePointerDown=()=>{this._pointerFocused=!0,Os(this.elementInternals,"focus-visible",!1)},this.focusVisibleIn=()=>{this._pointerFocused||Os(this.elementInternals,"focus-visible",!0),this._pointerFocused=!1},this.focusVisibleOut=()=>{this._pointerFocused=!1,Os(this.elementInternals,"focus-visible",!1)}}insertControl(){super.insertControl(),this.control&&(this.control.style.whiteSpace="normal")}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("pointerdown",this.handlePointerDown,{signal:t}),this.addEventListener("focusin",this.focusVisibleIn,{signal:t}),this.addEventListener("focusout",this.focusVisibleOut,{signal:t})}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}keydownHandler(e){return"Home"===e.key||"End"===e.key?(e.preventDefault(),this.open||this.listbox.showPopover(),this.activeIndex="Home"===e.key?0:this.enabledOptions.length-1,!0):("Enter"!==e.key||this.open||e.preventDefault(),super.keydownHandler(e))}}const gc=bc.compose({name:`${nr.prefix}-dropdown`,template:vt,styles:vc,shadowOptions:{delegatesFocus:!0}});class fc extends bt{}const wc=fc.compose({name:`${nr.prefix}-option`,template:ft,styles:gt,shadowOptions:{delegatesFocus:!0}});function yc(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function $c(e){return yc(e)?e.options:wt(e)?[e]:[]}class xc extends yt{isOptionInDisabledGroup(e){return yc(e.parentElement)&&!!e.parentElement.disabled}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return!(!wt(t)||!this.isOptionInDisabledGroup(t))||super.clickHandler(e)}selectOption(e){const t=this.enabledOptions[null!=e?e:this.selectedIndex];t&&this.isOptionInDisabledGroup(t)||super.selectOption(e)}slotchangeHandler(e){var t;const o=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:this.defaultSlot;o&&function(e,t){const o=50,i=":not(:defined)",n=e.querySelectorAll(i);if(0===n.length)return void t();const s=new Set;for(const e of n)s.add(e.localName);const r=Promise.all([...s].map(e=>customElements.whenDefined(e)));let a=!1;const l=()=>{a||(a=!0,t())};r.then(l),o>0&&setTimeout(l,o)}(this,()=>{Un.enqueue(()=>{const e=o.assignedElements(),t=[];for(const o of e)if(yc(o)){const e=o;t.push(...e.options)}else wt(o)&&t.push(o);this.options=t})})}optionsChanged(e,t){var o;null===(o=super.optionsChanged)||void 0===o||o.call(this,e,t),t&&this.applyGroupScopedAria(t)}setOptionGroups(e,t){for(const o of e){const e=o.parentElement,i=yc(e)?e:null;t.has(i)||t.set(i,[]),t.get(i).push(o)}}applyGroupScopedAria(e){const t=new Map;this.setOptionGroups(e,t);for(const[e,o]of t){const t=o.length;o.forEach((o,i)=>{o.elementInternals.ariaPosInSet=`${i+1}`,o.elementInternals.ariaSetSize=`${t}`,e&&yc(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",Os(this.elementInternals,"multiple",t),Un.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const Cc=xc.compose({name:`${nr.prefix}-listbox`,template:xt,styles:$t,shadowOptions:{delegatesFocus:!0}});function kc(e=customElements){gc.define(e),Cc.define(e),wc.define(e),mc.define(e)}kc(nr.registry);const Ic=["base","embed","form","frame","iframe","link","meta","object","script","style"],Ec=["data","formaction","onclick","onerror","onload","onmouseover","src"];class Sc{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,Ic,Ec),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var i;const n=e.tagName.toLowerCase();t.includes(n)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${n}>`),null===(i=e.parentNode)||void 0===i||i.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}Sc.parser=new DOMParser,Sc.sanitize.bind(Sc);class Lc{static async loadIconOrSprite(e,t){try{const o=await this.fetchAndCacheSVG(e);return o.includes("<symbol")?this.getIconFromSprite(o,t):o}catch(t){throw console.error(`Failed to load SVG from path ${e}:`,t),t}}static async fetchAndCacheSVG(e){if(!this.cache.has(e))try{const t=fetch(e).then(e=>{if(!e.ok)throw new Error(`Network error: ${e.status} ${e.statusText}`);return e.text()}).then(e=>{if(!/<svg[\s\S]+<\/svg>/.test(e))throw new Error("Invalid SVG format");return Sc.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),i=o.querySelector(`symbol[id="${t}"]`);if(!i)return console.error(`Icon with ID ${t} not found in sprite.`),"";const n="http://www.w3.org/2000/svg",s=o.createElementNS(n,"svg");return e.includes(`xmlns="${n}"`)||s.setAttribute("xmlns",n),s.setAttribute("viewBox",i.getAttribute("viewBox")||""),Array.from(i.childNodes).forEach(e=>{s.appendChild(e.cloneNode(!0))}),Mc(s),s.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),i=this.parseSVG(o),n=i.querySelector("symbol");return n?this.getSVGDetailsFromSymbol(n):this.getSVGDetailsFromSVGElement(i)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));Mc(o);const i=e.getAttribute("width")||void 0,n=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:i,height:n}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,i;return t&&(o=t.getAttribute("width")||void 0,i=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:i}}}function Mc(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}Lc.cache=new Map,Lc.parser=new DOMParser;var Pc=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class zc extends Wn{constructor(){super(...arguments),this.isLoading=!0,this.isError=!1,this.ariaHidden="true",this.focusable="false",this.renderResolver=()=>{},this.renderPromise=new Promise(e=>{this.renderResolver=e})}nameChanged(){this.checkAndResolveRenderPromise()}sizeChanged(){this.checkAndResolveRenderPromise()}pathChanged(){this.checkAndResolveRenderPromise()}get role(){return this.getAttribute("role")}set role(e){null==e?this.removeAttribute("role"):this.setAttribute("role",e)}connectedCallback(){super.connectedCallback(),this.renderPromise.then(()=>this.renderIcon())}checkAndResolveRenderPromise(){this.renderResolver&&this.path&&(!this.name||this.name&&""!==this.name)&&(this.renderResolver(),this.renderResolver=()=>{})}renderIcon(){this.isLoading=!0,Lc.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const i=this.shadowRoot.querySelector("svg");i&&this.updateSvgAttributes(i)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.width=`var(--icon-width, ${d})`,e.style.height=`var(--icon-height, ${d})`,e.setAttribute("viewBox","0 0 20 20"),e.setAttribute("aria-hidden","false"),e.setAttribute("alt","broken image");const t=document.createElementNS("http://www.w3.org/2000/svg","line");t.setAttribute("x1","0"),t.setAttribute("y1","0"),t.setAttribute("x2","20"),t.setAttribute("y2","20"),t.setAttribute("stroke","var(--colorPaletteRedForeground1)"),t.setAttribute("stroke-width","var(--strokeWidthThick)");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","20"),o.setAttribute("y1","0"),o.setAttribute("x2","0"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)"),e.appendChild(t),e.appendChild(o),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=es`
128
- :host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=es`
129
- :host{--icon-height:${t}px;--icon-width:${e}px}`),this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){var t,o;if(void 0!==this.name){if(e.setAttribute("name",this.name),!this.size&&this.name.includes("_")){const e=this.name.split("_").find(e=>/^\d+$/.test(e));e&&(this.size=e)}}else e.removeAttribute("name");let i;if(this.size){const e=null===(t=this.size.split("_")[0].match(/\d+/))||void 0===t?void 0:t[0];e&&["12","16","20","24","28","32","48"].includes(e)?i=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!i){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(i=e)}i&&(e.setAttribute("width",i),e.setAttribute("height",i)),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role&&""!==this.role.trim()?e.setAttribute("role",this.role):e.removeAttribute("role")}}Pc([Yn],zc.prototype,"name",void 0),Pc([Yn],zc.prototype,"size",void 0),Pc([Yn],zc.prototype,"path",void 0),Pc([Yn({attribute:"aria-hidden"})],zc.prototype,"ariaHidden",void 0),Pc([Yn],zc.prototype,"focusable",void 0);const Rc=es`
141
+ :host{white-space:normal}::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${Ir})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;class Nc extends ft{constructor(){super(...arguments),this._pointerFocused=!1,this.handlePointerDown=()=>{this._pointerFocused=!0,Ds(this.elementInternals,"focus-visible",!1)},this.focusVisibleIn=()=>{this._pointerFocused||Ds(this.elementInternals,"focus-visible",!0),this._pointerFocused=!1},this.focusVisibleOut=()=>{this._pointerFocused=!1,Ds(this.elementInternals,"focus-visible",!1)}}insertControl(){super.insertControl(),this.control&&(this.control.style.whiteSpace="normal")}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("pointerdown",this.handlePointerDown,{signal:t}),this.addEventListener("focusin",this.focusVisibleIn,{signal:t}),this.addEventListener("focusout",this.focusVisibleOut,{signal:t})}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}keydownHandler(e){return"Home"===e.key||"End"===e.key?(e.preventDefault(),this.open||this.listbox.showPopover(),this.activeIndex="Home"===e.key?0:this.enabledOptions.length-1,!0):("Enter"!==e.key||this.open||e.preventDefault(),super.keydownHandler(e))}}const qc=Nc.compose({name:`${rr.prefix}-dropdown`,template:wt,styles:jc,shadowOptions:{delegatesFocus:!0}});class Xc extends yt{}const Kc=ts`
142
+ ${$t}
143
+
144
+ :host{white-space:normal}`,Wc=Xc.compose({name:`${rr.prefix}-option`,template:xt,styles:Kc,shadowOptions:{delegatesFocus:!0}});function Yc(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function Uc(e){return Yc(e)?e.options:Ct(e)?[e]:[]}class Gc extends kt{isOptionInDisabledGroup(e){return Yc(e.parentElement)&&!!e.parentElement.disabled}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return!(!Ct(t)||!this.isOptionInDisabledGroup(t))||super.clickHandler(e)}selectOption(e){const t=this.enabledOptions[null!=e?e:this.selectedIndex];t&&this.isOptionInDisabledGroup(t)||super.selectOption(e)}slotchangeHandler(e){var t;const o=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:this.defaultSlot;o&&function(e,t){const o=50,i=":not(:defined)",n=e.querySelectorAll(i);if(0===n.length)return void t();const s=new Set;for(const e of n)s.add(e.localName);const r=Promise.all([...s].map(e=>customElements.whenDefined(e)));let a=!1;const l=()=>{a||(a=!0,t())};r.then(l),o>0&&setTimeout(l,o)}(this,()=>{Zn.enqueue(()=>{const e=o.assignedElements(),t=[];for(const o of e)if(Yc(o)){const e=o;t.push(...e.options)}else Ct(o)&&t.push(o);this.options=t})})}optionsChanged(e,t){var o;null===(o=super.optionsChanged)||void 0===o||o.call(this,e,t),t&&this.applyGroupScopedAria(t)}setOptionGroups(e,t){for(const o of e){const e=o.parentElement,i=Yc(e)?e:null;t.has(i)||t.set(i,[]),t.get(i).push(o)}}applyGroupScopedAria(e){const t=new Map;this.setOptionGroups(e,t);for(const[e,o]of t){const t=o.length;o.forEach((o,i)=>{o.elementInternals.ariaPosInSet=`${i+1}`,o.elementInternals.ariaSetSize=`${t}`,e&&Yc(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",Ds(this.elementInternals,"multiple",t),Zn.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const Zc=Gc.compose({name:`${rr.prefix}-listbox`,template:Et,styles:It,shadowOptions:{delegatesFocus:!0}});function Qc(e=customElements){qc.define(e),Zc.define(e),Wc.define(e),Hc.define(e)}Qc(rr.registry);const Jc=["base","embed","form","frame","iframe","link","meta","object","script","style"],eh=["data","formaction","onclick","onerror","onload","onmouseover","src"];class th{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,Jc,eh),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var i;const n=e.tagName.toLowerCase();t.includes(n)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${n}>`),null===(i=e.parentNode)||void 0===i||i.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}th.parser=new DOMParser,th.sanitize.bind(th);class oh{static async loadIconOrSprite(e,t){try{const o=await this.fetchAndCacheSVG(e);return o.includes("<symbol")?this.getIconFromSprite(o,t):o}catch(t){throw console.error(`Failed to load SVG from path ${e}:`,t),t}}static async fetchAndCacheSVG(e){if(!this.cache.has(e))try{const t=fetch(e).then(e=>{if(!e.ok)throw new Error(`Network error: ${e.status} ${e.statusText}`);return e.text()}).then(e=>{if(!/<svg[\s\S]+<\/svg>/.test(e))throw new Error("Invalid SVG format");return th.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),i=o.querySelector(`symbol[id="${t}"]`);if(!i)return console.error(`Icon with ID ${t} not found in sprite.`),"";const n="http://www.w3.org/2000/svg",s=o.createElementNS(n,"svg");return e.includes(`xmlns="${n}"`)||s.setAttribute("xmlns",n),s.setAttribute("viewBox",i.getAttribute("viewBox")||""),Array.from(i.childNodes).forEach(e=>{s.appendChild(e.cloneNode(!0))}),ih(s),s.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),i=this.parseSVG(o),n=i.querySelector("symbol");return n?this.getSVGDetailsFromSymbol(n):this.getSVGDetailsFromSVGElement(i)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));ih(o);const i=e.getAttribute("width")||void 0,n=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:i,height:n}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,i;return t&&(o=t.getAttribute("width")||void 0,i=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:i}}}function ih(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}oh.cache=new Map,oh.parser=new DOMParser;var nh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class sh extends Yn{constructor(){super(...arguments),this.isLoading=!0,this.isError=!1,this.ariaHidden="true",this.focusable="false",this.renderResolver=()=>{},this.renderPromise=new Promise(e=>{this.renderResolver=e})}nameChanged(){this.checkAndResolveRenderPromise()}sizeChanged(){this.checkAndResolveRenderPromise()}pathChanged(){this.checkAndResolveRenderPromise()}get role(){return this.getAttribute("role")}set role(e){null==e?this.removeAttribute("role"):this.setAttribute("role",e)}connectedCallback(){super.connectedCallback(),this.renderPromise.then(()=>this.renderIcon())}checkAndResolveRenderPromise(){this.renderResolver&&this.path&&(!this.name||this.name&&""!==this.name)&&(this.renderResolver(),this.renderResolver=()=>{})}renderIcon(){this.isLoading=!0,oh.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const i=this.shadowRoot.querySelector("svg");i&&this.updateSvgAttributes(i)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.width=`var(--icon-width, ${d})`,e.style.height=`var(--icon-height, ${d})`,e.setAttribute("viewBox","0 0 20 20"),e.setAttribute("aria-hidden","false"),e.setAttribute("alt","broken image");const t=document.createElementNS("http://www.w3.org/2000/svg","line");t.setAttribute("x1","0"),t.setAttribute("y1","0"),t.setAttribute("x2","20"),t.setAttribute("y2","20"),t.setAttribute("stroke","var(--colorPaletteRedForeground1)"),t.setAttribute("stroke-width","var(--strokeWidthThick)");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","20"),o.setAttribute("y1","0"),o.setAttribute("x2","0"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)"),e.appendChild(t),e.appendChild(o),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=ts`
145
+ :host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=ts`
146
+ :host{--icon-height:${t}px;--icon-width:${e}px}`),this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){var t,o;if(void 0!==this.name){if(e.setAttribute("name",this.name),!this.size&&this.name.includes("_")){const e=this.name.split("_").find(e=>/^\d+$/.test(e));e&&(this.size=e)}}else e.removeAttribute("name");let i;if(this.size){const e=null===(t=this.size.split("_")[0].match(/\d+/))||void 0===t?void 0:t[0];e&&["12","16","20","24","28","32","48"].includes(e)?i=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!i){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(i=e)}i&&(e.setAttribute("width",i),e.setAttribute("height",i)),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role&&""!==this.role.trim()?e.setAttribute("role",this.role):e.removeAttribute("role")}}nh([Un],sh.prototype,"name",void 0),nh([Un],sh.prototype,"size",void 0),nh([Un],sh.prototype,"path",void 0),nh([Un({attribute:"aria-hidden"})],sh.prototype,"ariaHidden",void 0),nh([Un],sh.prototype,"focusable",void 0);const rh=ts`
130
147
  ${u("inline-flex")}
131
148
 
132
- :host,:host svg{height:var(--icon-height,${o});width:var(--icon-width,${o})}:host svg:not([role="img"]){fill:currentcolor}`,Ac=Jn`<template></template>`,Oc=zc.compose({name:`${nr.prefix}-svg-icon`,template:Ac,styles:Rc,shadowOptions:{mode:nr.shadowRootMode}});Oc.define(nr.registry);var Tc=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Dc extends Wn{constructor(){super(...arguments),this.tableHeadRef=null,this.tableBodyRef=null,this.rows=[],this.columns=[],this.tableRendered=!1,this.sortDirection="ascending",this.activeColumnKey="",this.sortAnnouncer=null}sortableChanged(){this.sortable&&this.renderTableHead()}rowsChanged(){this.rows&&this.rows.length>0&&this.renderTableRows()}columnsChanged(){this.columns&&this.columns.length>0&&this.renderTableHead()}renderTable(){this.renderTableHead(),this.renderTableRows()}tableRenderedChanged(){this.tableRendered&&this.$emit("tableRendered",this),this.tableRendered=!1}toggleSortDirection(){this.sortDirection="ascending"===this.sortDirection?"descending":"ascending"}sortRows(e){this.rows.sort((t,o)=>{var i,n,s,r,a,l,d,c,h,u,p,m;return"descending"===e?(null!==(s=null===(n=null===(i=t[this.activeColumnKey])||void 0===i?void 0:i.label)||void 0===n?void 0:n[0])&&void 0!==s?s:"")<(null!==(l=null===(a=null===(r=o[this.activeColumnKey])||void 0===r?void 0:r.label)||void 0===a?void 0:a[0])&&void 0!==l?l:"")?1:-1:(null!==(h=null===(c=null===(d=t[this.activeColumnKey])||void 0===d?void 0:d.label)||void 0===c?void 0:c[0])&&void 0!==h?h:"")>(null!==(m=null===(p=null===(u=o[this.activeColumnKey])||void 0===u?void 0:u.label)||void 0===p?void 0:p[0])&&void 0!==m?m:"")?1:-1})}initializeSortAnnouncer(){const e=document.createElement("div");e.style.cssText="\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n pointer-events: none;\n ",this.sortAnnouncer=document.createElement("div"),this.sortAnnouncer.setAttribute("aria-live","assertive"),this.sortAnnouncer.setAttribute("aria-atomic","true"),this.sortAnnouncer.setAttribute("role","status"),this.sortAnnouncer.setAttribute("class","visually-hidden"),e.appendChild(this.sortAnnouncer),this.shadowRoot?this.shadowRoot.insertBefore(e,this.shadowRoot.firstChild):this.insertBefore(e,this.firstChild)}announceSortChange(e,t){this.sortAnnouncer&&(this.sortAnnouncer.textContent="",this.sortAnnouncer.offsetWidth,setTimeout(()=>{if(this.sortAnnouncer){const o=`Table sorted by ${e} in ${t} order`;this.sortAnnouncer.textContent=o}},50))}sortByColumn(e,t){this.activeColumnKey=t;const o=this.columns.find(e=>e.columnKey===t);o&&this.announceSortChange(o.label,this.sortDirection),this.sortRows(this.sortDirection),this.renderTableHead(),this.renderTableRows(),this.$emit("sortChanged",{direction:this.sortDirection,columnKey:t})}createSVGIcon(e){return(new DOMParser).parseFromString(e,"image/svg+xml").documentElement}renderSortableColumn(e,t){if(t.setAttribute("role","columnheader"),t.setAttribute("aria-sort",this.activeColumnKey===e.columnKey?this.sortDirection:"none"),this.sortable){const o=document.createElement("button");if(o.type="button",o.className="table-sort-button",o.textContent=e.label,this.activeColumnKey===e.columnKey){const e="ascending"===this.sortDirection?'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.99792 4.70981L6.35355 7.35418C6.15829 7.54944 5.84171 7.54944 5.64645 7.35418C5.45118 7.15891 5.45118 6.84233 5.64645 6.64707L9.11477 3.17874C9.20649 3.06947 9.3441 3 9.49792 3L9.49959 3C9.57828 2.99998 9.65697 3.01841 9.72861 3.05531C9.77374 3.07847 9.81608 3.10895 9.85387 3.14675L9.86386 3.15701L13.3539 6.64709C13.5492 6.84235 13.5492 7.15893 13.3539 7.3542C13.1587 7.54946 12.8421 7.54946 12.6468 7.3542L9.99792 4.7053V16.5C9.99792 16.7761 9.77407 17 9.49792 17C9.22178 17 8.99792 16.7761 8.99792 16.5V4.70981Z" fill="#242424"/>\n</svg>\n':'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.0025 15.2902L12.6468 12.6458C12.8421 12.4506 13.1587 12.4506 13.3539 12.6458C13.5492 12.8411 13.5492 13.1577 13.3539 13.3529L9.8856 16.8213C9.79388 16.9305 9.65628 17 9.50245 17L9.50079 17C9.4221 17 9.34341 16.9816 9.27177 16.9447C9.22664 16.9215 9.1843 16.891 9.1465 16.8533L9.13652 16.843L5.64645 13.3529C5.45118 13.1577 5.45118 12.8411 5.64645 12.6458C5.84171 12.4505 6.15829 12.4505 6.35355 12.6458L9.00245 15.2947L9.00245 3.5C9.00245 3.22386 9.22631 3 9.50245 3C9.77859 3 10.0025 3.22386 10.0025 3.5L10.0025 15.2902Z" fill="#242424"/>\n</svg>\n',t=this.createSVGIcon(e);o.appendChild(t)}o.addEventListener("click",t=>{this.activeColumnKey!==e.columnKey?this.sortDirection="ascending":this.toggleSortDirection(),this.sortByColumn(t,e.columnKey)}),t.innerHTML="",t.appendChild(o)}else t.textContent=e.label}addHeaderCellEventHandlers(e,t){e.addEventListener("focus",()=>{e.setAttribute("data-table-cell-focus","true")}),e.addEventListener("blur",()=>{e.setAttribute("data-table-cell-focus","false")}),e.addEventListener("click",e=>{this.toggleSortDirection(),this.sortByColumn(e,t.columnKey)}),e.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleSortDirection(),this.sortByColumn(e,t.columnKey))})}renderTableHead(){if(this.tableHeadRef&&this.columns){const e=document.createDocumentFragment();this.columns.forEach(t=>{const o=document.createElement("th");this.renderSortableColumn(t,o),e.appendChild(o)}),this.tableHeadRef.innerHTML="",this.tableHeadRef.appendChild(e)}}async appendContent(e){"string"==typeof e.content?e.dest.innerHTML+=e.content:(e.content instanceof HTMLElement||e.content instanceof SVGElement)&&e.dest.appendChild(e.content)}async renderCustomContent(e){var t,o;if(e.column.render&&e.column.render.length>0)for(const[i,n]of e.column.render.entries()){const s=await n(null===(o=null===(t=e.row[e.column.columnKey])||void 0===t?void 0:t.renderData)||void 0===o?void 0:o[i]);await this.appendContent({content:s,dest:e.cell})}}async renderTextContent(e){const t=document.createElement("span");t.textContent=e.row[e.column.columnKey].label,await this.appendContent({dest:e.cell,content:t})}async renderRow(e){const t=document.createElement("fabric-table-cell");await this.renderCustomContent({column:e.column,cell:t,row:e.row}),await this.renderTextContent({column:e.column,cell:t,row:e.row}),e.dest.appendChild(t)}async renderTableRows(){var e;if(this.tableBodyRef&&this.rows){const t=document.createDocumentFragment();for(const e of this.rows){const o=document.createElement("tr");o.setAttribute("role","row");for(const t of this.columns)await this.renderRow({column:t,row:e,dest:o});t.appendChild(o)}this.tableBodyRef.innerHTML="",null===(e=this.tableBodyRef)||void 0===e||e.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.initializeSortAnnouncer()}disconnectedCallback(){super.disconnectedCallback(),this.sortAnnouncer&&(this.sortAnnouncer.remove(),this.sortAnnouncer=null)}}Tc([Gn],Dc.prototype,"tableHeadRef",void 0),Tc([Gn],Dc.prototype,"tableBodyRef",void 0),Tc([Gn],Dc.prototype,"rows",void 0),Tc([Gn],Dc.prototype,"columns",void 0),Tc([Yn({mode:"boolean"})],Dc.prototype,"sortable",void 0),Tc([Gn],Dc.prototype,"tableRendered",void 0),Tc([Yn({attribute:"sort-direction"})],Dc.prototype,"sortDirection",void 0),Tc([Gn],Dc.prototype,"activeColumnKey",void 0);const Bc={ascending:"ascending",descending:"descending"};class Vc extends Wn{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const _c=es`
149
+ :host{white-space:normal}:host,:host svg{height:var(--icon-height,${o});width:var(--icon-width,${o})}:host svg:not([role="img"]){fill:currentcolor}`,ah=es`<template></template>`,lh=sh.compose({name:`${rr.prefix}-svg-icon`,template:ah,styles:rh,shadowOptions:{mode:rr.shadowRootMode}});lh.define(rr.registry);var dh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ch extends Yn{constructor(){super(...arguments),this.tableHeadRef=null,this.tableBodyRef=null,this.rows=[],this.columns=[],this.tableRendered=!1,this.sortDirection="ascending",this.activeColumnKey="",this.sortAnnouncer=null}sortableChanged(){this.sortable&&this.renderTableHead()}rowsChanged(){this.rows&&this.rows.length>0&&this.renderTableRows()}columnsChanged(){this.columns&&this.columns.length>0&&this.renderTableHead()}renderTable(){this.renderTableHead(),this.renderTableRows()}tableRenderedChanged(){this.tableRendered&&this.$emit("tableRendered",this),this.tableRendered=!1}toggleSortDirection(){this.sortDirection="ascending"===this.sortDirection?"descending":"ascending"}sortRows(e){this.rows.sort((t,o)=>{var i,n,s,r,a,l,d,c,h,u,p,m;return"descending"===e?(null!==(s=null===(n=null===(i=t[this.activeColumnKey])||void 0===i?void 0:i.label)||void 0===n?void 0:n[0])&&void 0!==s?s:"")<(null!==(l=null===(a=null===(r=o[this.activeColumnKey])||void 0===r?void 0:r.label)||void 0===a?void 0:a[0])&&void 0!==l?l:"")?1:-1:(null!==(h=null===(c=null===(d=t[this.activeColumnKey])||void 0===d?void 0:d.label)||void 0===c?void 0:c[0])&&void 0!==h?h:"")>(null!==(m=null===(p=null===(u=o[this.activeColumnKey])||void 0===u?void 0:u.label)||void 0===p?void 0:p[0])&&void 0!==m?m:"")?1:-1})}initializeSortAnnouncer(){const e=document.createElement("div");e.style.cssText="\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n pointer-events: none;\n ",this.sortAnnouncer=document.createElement("div"),this.sortAnnouncer.setAttribute("aria-live","assertive"),this.sortAnnouncer.setAttribute("aria-atomic","true"),this.sortAnnouncer.setAttribute("role","status"),this.sortAnnouncer.setAttribute("class","visually-hidden"),e.appendChild(this.sortAnnouncer),this.shadowRoot?this.shadowRoot.insertBefore(e,this.shadowRoot.firstChild):this.insertBefore(e,this.firstChild)}announceSortChange(e,t){this.sortAnnouncer&&(this.sortAnnouncer.textContent="",this.sortAnnouncer.offsetWidth,setTimeout(()=>{if(this.sortAnnouncer){const o=`Table sorted by ${e} in ${t} order`;this.sortAnnouncer.textContent=o}},50))}sortByColumn(e,t){this.activeColumnKey=t;const o=this.columns.find(e=>e.columnKey===t);o&&this.announceSortChange(o.label,this.sortDirection),this.sortRows(this.sortDirection),this.renderTableHead(),this.renderTableRows(),this.$emit("sortChanged",{direction:this.sortDirection,columnKey:t})}createSVGIcon(e){return(new DOMParser).parseFromString(e,"image/svg+xml").documentElement}renderSortableColumn(e,t){if(t.setAttribute("role","columnheader"),t.setAttribute("aria-sort",this.activeColumnKey===e.columnKey?this.sortDirection:"none"),this.sortable){const o=document.createElement("button");if(o.type="button",o.className="table-sort-button",o.textContent=e.label,this.activeColumnKey===e.columnKey){const e="ascending"===this.sortDirection?'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.99792 4.70981L6.35355 7.35418C6.15829 7.54944 5.84171 7.54944 5.64645 7.35418C5.45118 7.15891 5.45118 6.84233 5.64645 6.64707L9.11477 3.17874C9.20649 3.06947 9.3441 3 9.49792 3L9.49959 3C9.57828 2.99998 9.65697 3.01841 9.72861 3.05531C9.77374 3.07847 9.81608 3.10895 9.85387 3.14675L9.86386 3.15701L13.3539 6.64709C13.5492 6.84235 13.5492 7.15893 13.3539 7.3542C13.1587 7.54946 12.8421 7.54946 12.6468 7.3542L9.99792 4.7053V16.5C9.99792 16.7761 9.77407 17 9.49792 17C9.22178 17 8.99792 16.7761 8.99792 16.5V4.70981Z" fill="#242424"/>\n</svg>\n':'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.0025 15.2902L12.6468 12.6458C12.8421 12.4506 13.1587 12.4506 13.3539 12.6458C13.5492 12.8411 13.5492 13.1577 13.3539 13.3529L9.8856 16.8213C9.79388 16.9305 9.65628 17 9.50245 17L9.50079 17C9.4221 17 9.34341 16.9816 9.27177 16.9447C9.22664 16.9215 9.1843 16.891 9.1465 16.8533L9.13652 16.843L5.64645 13.3529C5.45118 13.1577 5.45118 12.8411 5.64645 12.6458C5.84171 12.4505 6.15829 12.4505 6.35355 12.6458L9.00245 15.2947L9.00245 3.5C9.00245 3.22386 9.22631 3 9.50245 3C9.77859 3 10.0025 3.22386 10.0025 3.5L10.0025 15.2902Z" fill="#242424"/>\n</svg>\n',t=this.createSVGIcon(e);o.appendChild(t)}o.addEventListener("click",t=>{this.activeColumnKey!==e.columnKey?this.sortDirection="ascending":this.toggleSortDirection(),this.sortByColumn(t,e.columnKey)}),t.innerHTML="",t.appendChild(o)}else t.textContent=e.label}addHeaderCellEventHandlers(e,t){e.addEventListener("focus",()=>{e.setAttribute("data-table-cell-focus","true")}),e.addEventListener("blur",()=>{e.setAttribute("data-table-cell-focus","false")}),e.addEventListener("click",e=>{this.toggleSortDirection(),this.sortByColumn(e,t.columnKey)}),e.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleSortDirection(),this.sortByColumn(e,t.columnKey))})}renderTableHead(){if(this.tableHeadRef&&this.columns){const e=document.createDocumentFragment();this.columns.forEach(t=>{const o=document.createElement("th");this.renderSortableColumn(t,o),e.appendChild(o)}),this.tableHeadRef.innerHTML="",this.tableHeadRef.appendChild(e)}}async appendContent(e){"string"==typeof e.content?e.dest.innerHTML+=e.content:(e.content instanceof HTMLElement||e.content instanceof SVGElement)&&e.dest.appendChild(e.content)}async renderCustomContent(e){var t,o;if(e.column.render&&e.column.render.length>0)for(const[i,n]of e.column.render.entries()){const s=await n(null===(o=null===(t=e.row[e.column.columnKey])||void 0===t?void 0:t.renderData)||void 0===o?void 0:o[i]);await this.appendContent({content:s,dest:e.cell})}}async renderTextContent(e){const t=document.createElement("span");t.textContent=e.row[e.column.columnKey].label,await this.appendContent({dest:e.cell,content:t})}async renderRow(e){const t=document.createElement("fabric-table-cell");await this.renderCustomContent({column:e.column,cell:t,row:e.row}),await this.renderTextContent({column:e.column,cell:t,row:e.row}),e.dest.appendChild(t)}async renderTableRows(){var e;if(this.tableBodyRef&&this.rows){const t=document.createDocumentFragment();for(const e of this.rows){const o=document.createElement("tr");o.setAttribute("role","row");for(const t of this.columns)await this.renderRow({column:t,row:e,dest:o});t.appendChild(o)}this.tableBodyRef.innerHTML="",null===(e=this.tableBodyRef)||void 0===e||e.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.initializeSortAnnouncer()}disconnectedCallback(){super.disconnectedCallback(),this.sortAnnouncer&&(this.sortAnnouncer.remove(),this.sortAnnouncer=null)}}dh([Gn],ch.prototype,"tableHeadRef",void 0),dh([Gn],ch.prototype,"tableBodyRef",void 0),dh([Gn],ch.prototype,"rows",void 0),dh([Gn],ch.prototype,"columns",void 0),dh([Un({mode:"boolean"})],ch.prototype,"sortable",void 0),dh([Gn],ch.prototype,"tableRendered",void 0),dh([Un({attribute:"sort-direction"})],ch.prototype,"sortDirection",void 0),dh([Gn],ch.prototype,"activeColumnKey",void 0);const hh={ascending:"ascending",descending:"descending"};class uh extends Yn{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const ph=ts`
133
150
  ${u("table-cell")}
134
151
 
135
- :host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${v}}`;const Hc=Jn`<template class="table-cell" part="table-cell"><div part="cell-content" class="cell-content" role="cell"><slot name="before"></slot><slot></slot><slot name="after"></slot></div></template>`,Fc=Vc.compose({name:`${nr.prefix}-table-cell`,template:Hc,styles:_c,shadowOptions:{mode:nr.shadowRootMode}}),Nc=es`
152
+ :host{white-space:normal;vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${b}}`;const mh=es`<template class="table-cell" part="table-cell"><div part="cell-content" class="cell-content" role="cell"><slot name="before"></slot><slot></slot><slot name="after"></slot></div></template>`,bh=uh.compose({name:`${rr.prefix}-table-cell`,template:mh,styles:ph,shadowOptions:{mode:rr.shadowRootMode}}),vh=ts`
136
153
  ${u("table")}
137
154
 
138
- table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${de};line-height:${He}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${e};box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;color:${me};font-weight:${he};text-align:start}tr{display:table-row;box-sizing:border-box;color:${me};border-bottom:${P} solid ${z}}tbody tr:hover{color:${Te};background-color:${Z}}th{color:${me};text-align:start;font-weight:${he};vertical-align:middle;padding:0px ${v};border-collapse:collapse}th div{outline-style:none;min-height:32px;box-sizing:content-box;display:flex;align-items:center}th[data-table-cell-focus="true"]{outline:-webkit-focus-ring-color auto 1px}:host([sortable]) th:hover{cursor:pointer;background-color:${F}}td,fabric-table-cell{height:44px;padding:0px ${v};vertical-align:middle;color:${me}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}`;const jc=Jn`<slot name="start"></slot><table part="table" role="table" aria-label="${e=>e.sortable?"table with sort":"table"}" ?sortable="${e=>e.sortable}"><thead role="rowgroup"><tr ${ts("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${ts("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,qc=Aa(Ra(Dc.compose({name:`${nr.prefix}-table`,template:jc,styles:Nc,shadowOptions:{mode:nr.shadowRootMode}})),Ra(Fc));class Xc extends Wn{connectedCallback(){super.connectedCallback(),this.applyTableClass()}applyTableClass(){const e=this.querySelector(":scope > table");e?e.classList.add("microsoft-fabric-ux-fabric-simple-table"):console.warn("fabric-simple-table: No direct child <table> element found. This component requires a <table> as a direct child.")}}const Kc=es`
139
- fabric-simple-table{display:block;font-family:${R}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${de};line-height:${He}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${me}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${P} solid ${z}}.microsoft-fabric-ux-fabric-simple-table th{color:${me};text-align:start;font-weight:${ce};vertical-align:middle;padding-block:${ue};padding-inline:${v}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${ue};padding-inline:${v};vertical-align:middle;color:${me}}`.withBehaviors(Da(es`
140
- .microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`)),Wc=Xc.compose({name:`${nr.prefix}-simple-table`,styles:Kc,shadowOptions:null}),Yc={small:"small",medium:"medium",large:"large"},Gc={extraSmall:"extraSmall",small:"small",medium:"medium"},Uc={caption1:"caption1",body1:"body1"},Zc={rounded:"rounded",circular:"circular"},Qc={filled:"filled",outline:"outline",brand:"brand"},Jc={dismiss:"dismiss"};var eh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class th extends Wn{constructor(){super(...arguments),this.dismissButton=!1,this.disabled=!1,this.size="medium",this.shape="rounded",this.appearance="filled",this.textPrimarySlotted=[],this.textSecondarySlotted=[],this.textSizePrimary="body1",this.leadingIconSlotted=[]}dismissButtonRefChanged(){this.attachEventListeners()}sizeChanged(){this.handleTextSize()}textPrimarySlottedChanged(){var e;this.textPrimarySlotted.length>0&&(this.textPrimaryContent=`Dismiss button for ${(null===(e=this.textPrimarySlotted[0])||void 0===e?void 0:e.textContent)||"untitled"} tag`)}textSecondarySlottedChanged(){this.handleTextSize()}handleTextSize(){var e;switch(this.size){case"extraSmall":case"small":this.textSizePrimary="caption1";break;default:(null===(e=this.textSecondarySlotted)||void 0===e?void 0:e.length)>0?this.textSizePrimary="caption1":this.textSizePrimary="body1"}}compensateSVGSize(){var e;let t,o;"small"===this.size?(t=16,o=16):"extraSmall"===this.size?(t=12,o=12):(t=20,o=20);const i=null===(e=this.leadingIconSlotted[0])||void 0===e?void 0:e.querySelector("svg");null==i||i.setAttribute("height",o.toString()),null==i||i.setAttribute("width",t.toString())}leadingIconSlottedChanged(){this.leadingIconSlotted.length>0?(this.classList.add("hasLeadingIcon"),this.compensateSVGSize()):this.classList.remove("hasLeadingIcon")}emitDismissEvent(){this.emitDismiss()}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.dismissButtonRef&&this.dismissButtonRef.addEventListener("click",this.emitDismissEvent.bind(this),{signal:t})}emitDismiss(){this.dispatchEvent(new CustomEvent(Jc.dismiss,{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}eh([Gn],th.prototype,"dismissButtonRef",void 0),eh([Yn({mode:"boolean",attribute:"dismiss-button"})],th.prototype,"dismissButton",void 0),eh([Yn({mode:"boolean"})],th.prototype,"disabled",void 0),eh([Yn],th.prototype,"size",void 0),eh([Yn],th.prototype,"shape",void 0),eh([Yn],th.prototype,"appearance",void 0),eh([Gn],th.prototype,"textPrimaryContent",void 0),eh([Gn],th.prototype,"textPrimarySlotted",void 0),eh([Gn],th.prototype,"textSecondarySlotted",void 0),eh([Gn],th.prototype,"textSizePrimary",void 0),eh([Gn],th.prototype,"leadingIconSlotted",void 0);const oh=es`
155
+ :host{white-space:normal}table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${de};line-height:${Fe}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${e};box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;color:${me};font-weight:${he};text-align:start}tr{display:table-row;box-sizing:border-box;color:${me};border-bottom:${T} solid ${P}}tbody tr:hover{color:${Oe};background-color:${Z}}th{color:${me};text-align:start;font-weight:${he};vertical-align:middle;padding:0px ${b};border-collapse:collapse}th div{outline-style:none;min-height:32px;box-sizing:content-box;display:flex;align-items:center}th[data-table-cell-focus="true"]{outline:-webkit-focus-ring-color auto 1px}:host([sortable]) th:hover{cursor:pointer;background-color:${H}}td,fabric-table-cell{height:44px;padding:0px ${b};vertical-align:middle;color:${me}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}`;const gh=es`<slot name="start"></slot><table part="table" role="table" aria-label="${e=>e.sortable?"table with sort":"table"}" ?sortable="${e=>e.sortable}"><thead role="rowgroup"><tr ${os("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${os("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,fh=Ha(Fa(ch.compose({name:`${rr.prefix}-table`,template:gh,styles:vh,shadowOptions:{mode:rr.shadowRootMode}})),Fa(bh));class wh extends Yn{connectedCallback(){super.connectedCallback(),this.applyTableClass()}applyTableClass(){const e=this.querySelector(":scope > table");e?e.classList.add("microsoft-fabric-ux-fabric-simple-table"):console.warn("fabric-simple-table: No direct child <table> element found. This component requires a <table> as a direct child.")}}const yh=ts`
156
+ :host{white-space:normal}fabric-simple-table{display:block;font-family:${R}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${de};line-height:${Fe}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${me}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${T} solid ${P}}.microsoft-fabric-ux-fabric-simple-table th{color:${me};text-align:start;font-weight:${ce};vertical-align:middle;padding-block:${ue};padding-inline:${b}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${ue};padding-inline:${b};vertical-align:middle;color:${me}}`.withBehaviors(qa(ts`
157
+ .microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`)),$h=wh.compose({name:`${rr.prefix}-simple-table`,styles:yh,shadowOptions:null}),xh={small:"small",medium:"medium",large:"large"},Ch={extraSmall:"extraSmall",small:"small",medium:"medium"},kh={caption1:"caption1",body1:"body1"},Ih={rounded:"rounded",circular:"circular"},Eh={filled:"filled",outline:"outline",brand:"brand"},Lh={dismiss:"dismiss"};var Sh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Mh extends Yn{constructor(){super(...arguments),this.dismissButton=!1,this.disabled=!1,this.size="medium",this.shape="rounded",this.appearance="filled",this.textPrimarySlotted=[],this.textSecondarySlotted=[],this.textSizePrimary="body1",this.leadingIconSlotted=[]}dismissButtonRefChanged(){this.attachEventListeners()}sizeChanged(){this.handleTextSize()}textPrimarySlottedChanged(){var e;this.textPrimarySlotted.length>0&&(this.textPrimaryContent=`Dismiss button for ${(null===(e=this.textPrimarySlotted[0])||void 0===e?void 0:e.textContent)||"untitled"} tag`)}textSecondarySlottedChanged(){this.handleTextSize()}handleTextSize(){var e;switch(this.size){case"extraSmall":case"small":this.textSizePrimary="caption1";break;default:(null===(e=this.textSecondarySlotted)||void 0===e?void 0:e.length)>0?this.textSizePrimary="caption1":this.textSizePrimary="body1"}}compensateSVGSize(){var e;let t,o;"small"===this.size?(t=16,o=16):"extraSmall"===this.size?(t=12,o=12):(t=20,o=20);const i=null===(e=this.leadingIconSlotted[0])||void 0===e?void 0:e.querySelector("svg");null==i||i.setAttribute("height",o.toString()),null==i||i.setAttribute("width",t.toString())}leadingIconSlottedChanged(){this.leadingIconSlotted.length>0?(this.classList.add("hasLeadingIcon"),this.compensateSVGSize()):this.classList.remove("hasLeadingIcon")}emitDismissEvent(){this.emitDismiss()}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.dismissButtonRef&&this.dismissButtonRef.addEventListener("click",this.emitDismissEvent.bind(this),{signal:t})}emitDismiss(){this.dispatchEvent(new CustomEvent(Lh.dismiss,{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}Sh([Gn],Mh.prototype,"dismissButtonRef",void 0),Sh([Un({mode:"boolean",attribute:"dismiss-button"})],Mh.prototype,"dismissButton",void 0),Sh([Un({mode:"boolean"})],Mh.prototype,"disabled",void 0),Sh([Un],Mh.prototype,"size",void 0),Sh([Un],Mh.prototype,"shape",void 0),Sh([Un],Mh.prototype,"appearance",void 0),Sh([Gn],Mh.prototype,"textPrimaryContent",void 0),Sh([Gn],Mh.prototype,"textPrimarySlotted",void 0),Sh([Gn],Mh.prototype,"textSecondarySlotted",void 0),Sh([Gn],Mh.prototype,"textSizePrimary",void 0),Sh([Gn],Mh.prototype,"leadingIconSlotted",void 0);const Th=ts`
141
158
  ${u("block")}
142
- .caption1{${Ct}}.caption2{${kt}}.body1{${It}}:host{height:${e};width:fit-content;display:inline-flex;align-items:center;background-color:${Et};color:${fe};border-radius:${p};border:none}:host([size="extraSmall"]){height:${t}}:host([size="small"]){height:${i}}:host([shape="circular"]){border-radius:${ge}}:host([appearance="outline"]){border:${P} solid ${_};background-color:unset}:host([appearance="brand"]){background-color:${O};color:${St}}:host([appearance="brand"]) fluent-button.dismissButton{color:${St}}:host([disabled]){color:${$}}:host([disabled]) ::slotted(*){color:${$}}fluent-button.dismissButton{min-width:unset;padding:${Lt};min-height:unset;margin-inline-start:${Lt};margin-inline-end:${M}}:host([disabled]) fluent-button.dismissButton{color:${$}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${s}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${r}}:host([size="small"]) fluent-button.dismissButton{width:${a}}:host([size="small"]) fluent-button.dismissButton svg{height:${l}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${L};padding-bottom:${h};margin:${h} ${v}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${f}}:host([dismissButton]) .textContent{margin-inline-end:${f}}::slotted([slot="leadingIcon"]){margin-inline-end:${Lt};margin-inline-start:${v};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${M}}::slotted([slot="image"]){margin:${L};margin-inline-end:${Lt};display:flex;align-items:center;height:calc(${be} + ${Mt})}:host([size="small"]) ::slotted([slot="image"]){height:${t}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${l}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${St};color:${B}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${$};color:${ne}}`,ih=Jn`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const nh=Jn`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Qn("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Qn("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Qn("textSecondarySlotted")}></slot><slot></slot></div>${as(e=>e.dismissButton,Jn`<fluent-button class="dismissButton" part="dismissButton" ${ts("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${ih}</slot></fluent-button>`)}</div></div></template>`,sh=Aa(Ra(th.compose({name:`${nr.prefix}-tag`,template:nh,styles:oh,shadowOptions:{mode:nr.shadowRootMode}})),Ra(Pt)),rh={small:"small",medium:"medium",large:"large"},ah={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},lh={openChange:"open-change",dismiss:"dismiss"};var dh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ch extends Wn{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Es(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),ch.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),ch.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(lh.dismiss,{bubbles:!0,composed:!0}))},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Ss({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Ls(10),...e]}:{middleware:[Ms({autoAlignment:!0}),Ls(10),...e]};this.targetEl&&Ps(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:i})=>{var n;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const s=null!==(n=i.arrow)&&void 0!==n?n:void 0;if(this.arrowEl&&s){const{x:e,y:t}=s,i={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[i]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case ys:this.handleTabKeyDown(e);break;case fs:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===ch.openInstances.size,i=t&&o;i&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Un.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!i&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(ch.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),Un.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),ch.openInstances.delete(this)}openChanged(){this.initializePosition(),Un.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(lh.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(Cs(o)||ch.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const i=o.shadowRoot;return i&&(e=Array.from(i.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}ch.openInstances=new Set,dh([Yn({mode:"fromView"})],ch.prototype,"target",void 0),dh([Yn({mode:"reflect"})],ch.prototype,"placement",void 0),dh([Yn({mode:"boolean"})],ch.prototype,"open",void 0),dh([Yn({mode:"boolean",attribute:"disable-trap-focus"})],ch.prototype,"disableTrapFocus",void 0),dh([Yn({mode:"reflect"})],ch.prototype,"size",void 0);const hh=es`
159
+ .caption1{${Lt}}.caption2{${St}}.body1{${Mt}}:host{white-space:normal;height:${e};width:fit-content;display:inline-flex;align-items:center;background-color:${Tt};color:${fe};border-radius:${p};border:none}:host([size="extraSmall"]){height:${t}}:host([size="small"]){height:${i}}:host([shape="circular"]){border-radius:${ge}}:host([appearance="outline"]){border:${T} solid ${V};background-color:unset}:host([appearance="brand"]){background-color:${A};color:${Pt}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Pt}}:host([disabled]){color:${$}}:host([disabled]) ::slotted(*){color:${$}}fluent-button.dismissButton{min-width:unset;padding:${Rt};min-height:unset;margin-inline-start:${Rt};margin-inline-end:${M}}:host([disabled]) fluent-button.dismissButton{color:${$}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${s}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${r}}:host([size="small"]) fluent-button.dismissButton{width:${a}}:host([size="small"]) fluent-button.dismissButton svg{height:${l}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${S};padding-bottom:${h};margin:${h} ${b}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${f}}:host([dismissButton]) .textContent{margin-inline-end:${f}}::slotted([slot="leadingIcon"]){margin-inline-end:${Rt};margin-inline-start:${b};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${M}}::slotted([slot="image"]){margin:${S};margin-inline-end:${Rt};display:flex;align-items:center;height:calc(${ve} + ${rt})}:host([size="small"]) ::slotted([slot="image"]){height:${t}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${l}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${Pt};color:${B}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${$};color:${ne}}`,Ph=es`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const Rh=es`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Jn("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Jn("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Jn("textSecondarySlotted")}></slot><slot></slot></div>${ds(e=>e.dismissButton,es`<fluent-button class="dismissButton" part="dismissButton" ${os("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${Ph}</slot></fluent-button>`)}</div></div></template>`,zh=Ha(Fa(Mh.compose({name:`${rr.prefix}-tag`,template:Rh,styles:Th,shadowOptions:{mode:rr.shadowRootMode}})),Fa(zt)),Ah={small:"small",medium:"medium",large:"large"},Oh={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},Dh={openChange:"open-change",dismiss:"dismiss"};var Bh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class _h extends Yn{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Ss(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),_h.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),_h.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(Dh.dismiss,{bubbles:!0,composed:!0}))},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Ms({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Ts(10),...e]}:{middleware:[Ps({autoAlignment:!0}),Ts(10),...e]};this.targetEl&&Rs(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:i})=>{var n;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const s=null!==(n=i.arrow)&&void 0!==n?n:void 0;if(this.arrowEl&&s){const{x:e,y:t}=s,i={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[i]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case $s:this.handleTabKeyDown(e);break;case ws:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===_h.openInstances.size,i=t&&o;i&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Zn.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!i&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(_h.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),Zn.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),_h.openInstances.delete(this)}openChanged(){this.initializePosition(),Zn.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(Dh.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(ks(o)||_h.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const i=o.shadowRoot;return i&&(e=Array.from(i.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}_h.openInstances=new Set,Bh([Un({mode:"fromView"})],_h.prototype,"target",void 0),Bh([Un({mode:"reflect"})],_h.prototype,"placement",void 0),Bh([Un({mode:"boolean"})],_h.prototype,"open",void 0),Bh([Un({mode:"boolean",attribute:"disable-trap-focus"})],_h.prototype,"disableTrapFocus",void 0),Bh([Un({mode:"reflect"})],_h.prototype,"size",void 0);const Vh=ts`
143
160
  ${u("block")}
144
161
 
145
- :host{position:absolute;border:1px solid ${Pe};border-radius:${p};background-color:${Pe};color:${B};padding:${c};box-shadow:${zt};max-width:calc(${_e} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${R};font-size:unset;font-weight:${he};line-height:${He};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${x}}:host([size="medium"]) ::slotted(*){font-size:${de}}:host([size="large"]) ::slotted(*){font-size:${k}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${v}}.arrow{position:absolute;background:${Pe};width:${a};height:${l};transform:rotate(45deg);border-radius:${ve};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${ae}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${ce};line-height:${I}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${de}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${k}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${E}}slot[name="footer"]::slotted(*){line-height:${C};margin-top:${ae};padding-top:${ae}}`;const uh=Jn`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${ts("arrowEl")}></div></template>`,ph=ch.compose({name:`${nr.prefix}-teaching-bubble`,template:uh,styles:hh,shadowOptions:{mode:nr.shadowRootMode}}),mh={incomplete:"incomplete",complete:"complete",error:"error"},vh={stepChange:"step-change",stepSelect:"step-select"},bh={panelChange:"panel-change"},gh={...mh};var fh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class wh extends Wn{constructor(){super(...arguments),this.hidden=!0,this.state=gh.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit(bh.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}fh([Gn],wh.prototype,"index",void 0),fh([Yn({mode:"boolean"})],wh.prototype,"hidden",void 0),fh([Yn],wh.prototype,"state",void 0),fh([Yn({mode:"boolean"})],wh.prototype,"active",void 0);var yh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class $h extends Wn{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=mh.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(e){this.active=!this.active}setComplete(){this.state=mh.complete}setIncomplete(){this.state=mh.incomplete}setError(){this.state=mh.error}emitChange(){this.$emit(vh.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(vh.stepSelect,{id:this.id,state:this.state,active:this.active,index:this.index})}clickHandler(e){this.disabled?(null==e||e.preventDefault(),null==e||e.stopImmediatePropagation()):this.emitSelect()}keydownHandler(e){if(e.key===us)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}yh([Yn({mode:"boolean"})],$h.prototype,"numbered",void 0),yh([Yn({mode:"boolean",attribute:"hide-connector"})],$h.prototype,"hideConnector",void 0),yh([Yn({mode:"boolean"})],$h.prototype,"active",void 0),yh([Yn({mode:"boolean"})],$h.prototype,"disabled",void 0),yh([Yn({attribute:"aria-describedby"})],$h.prototype,"ariaDescribedby",void 0),yh([Yn({attribute:"aria-labelledby"})],$h.prototype,"ariaLabelledby",void 0),yh([Yn],$h.prototype,"state",void 0),yh([Gn],$h.prototype,"button",void 0),yh([Yn({converter:rs})],$h.prototype,"index",void 0),yh([Gn],$h.prototype,"details",void 0),yh([Gn],$h.prototype,"title",void 0);const xh={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Ch=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class kh extends Wn{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),Un.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&Un.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=mh.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=mh.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=mh.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=mh.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,i=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[i],this.currentIndex=i,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const i=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===i)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const i=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===i)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case us:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case fs:e.preventDefault(),this.stepcontainer.focus();break;case us:e.preventDefault(),this.handleStepSelect(e);break;case bs:e.preventDefault(),this.focusPreviousStep();break;case gs:e.preventDefault(),this.focusNextStep();break;case ms:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case vs:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,i=this.currentIndex===t&&this.isFocusableElement(o),n=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",n),o.setAttribute("role","tab"),o.active=i,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===mh.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==mh.complete}i&&(this.activestep=o,this.activeid=n,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,i=this.stepIds[t],n=this.panelIds[t];o.setAttribute("id",n),o.setAttribute("aria-labelledby",i),o.setAttribute("role","tabpanel"),o.index=t;const s=this.currentIndex===t&&this.isFocusableElement(o);o.active=s,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&Un.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(ws())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(ws())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(xh.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}Ch([Yn({mode:"boolean"})],kh.prototype,"numbered",void 0),Ch([Yn({mode:"boolean"})],kh.prototype,"linear",void 0),Ch([Yn({mode:"boolean",attribute:"disable-on-complete"})],kh.prototype,"disableOnComplete",void 0),Ch([Yn({attribute:"current-index",converter:rs})],kh.prototype,"currentIndex",void 0),Ch([Gn],kh.prototype,"stepcontainer",void 0),Ch([Gn],kh.prototype,"panelcontainer",void 0),Ch([Gn],kh.prototype,"slottedsteps",void 0),Ch([Gn],kh.prototype,"slottedactions",void 0),Ch([Gn],kh.prototype,"slottedpanels",void 0),Ch([Gn],kh.prototype,"activeid",void 0);const Ih=es`
162
+ :host{white-space:normal;position:absolute;border:1px solid ${Te};border-radius:${p};background-color:${Te};color:${B};padding:${c};box-shadow:${At};max-width:calc(${Ve} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${R};font-size:unset;font-weight:${he};line-height:${Fe};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${x}}:host([size="medium"]) ::slotted(*){font-size:${de}}:host([size="large"]) ::slotted(*){font-size:${k}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${b}}.arrow{position:absolute;background:${Te};width:${a};height:${l};transform:rotate(45deg);border-radius:${be};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${ae}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${ce};line-height:${I}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${de}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${k}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${E}}slot[name="footer"]::slotted(*){line-height:${C};margin-top:${ae};padding-top:${ae}}`;const Fh=es`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${os("arrowEl")}></div></template>`,Hh=_h.compose({name:`${rr.prefix}-teaching-bubble`,template:Fh,styles:Vh,shadowOptions:{mode:rr.shadowRootMode}}),jh={incomplete:"incomplete",complete:"complete",error:"error"},Nh={stepChange:"step-change",stepSelect:"step-select"},qh={panelChange:"panel-change"},Xh={...jh};var Kh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Wh extends Yn{constructor(){super(...arguments),this.hidden=!0,this.state=Xh.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit(qh.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}Kh([Gn],Wh.prototype,"index",void 0),Kh([Un({mode:"boolean"})],Wh.prototype,"hidden",void 0),Kh([Un],Wh.prototype,"state",void 0),Kh([Un({mode:"boolean"})],Wh.prototype,"active",void 0);var Yh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Uh extends Yn{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=jh.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(e){this.active=!this.active}setComplete(){this.state=jh.complete}setIncomplete(){this.state=jh.incomplete}setError(){this.state=jh.error}emitChange(){this.$emit(Nh.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(Nh.stepSelect,{id:this.id,state:this.state,active:this.active,index:this.index})}clickHandler(e){this.disabled?(null==e||e.preventDefault(),null==e||e.stopImmediatePropagation()):this.emitSelect()}keydownHandler(e){if(e.key===ps)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}Yh([Un({mode:"boolean"})],Uh.prototype,"numbered",void 0),Yh([Un({mode:"boolean",attribute:"hide-connector"})],Uh.prototype,"hideConnector",void 0),Yh([Un({mode:"boolean"})],Uh.prototype,"active",void 0),Yh([Un({mode:"boolean"})],Uh.prototype,"disabled",void 0),Yh([Un({attribute:"aria-describedby"})],Uh.prototype,"ariaDescribedby",void 0),Yh([Un({attribute:"aria-labelledby"})],Uh.prototype,"ariaLabelledby",void 0),Yh([Un],Uh.prototype,"state",void 0),Yh([Gn],Uh.prototype,"button",void 0),Yh([Un({converter:ls})],Uh.prototype,"index",void 0),Yh([Gn],Uh.prototype,"details",void 0),Yh([Gn],Uh.prototype,"title",void 0);const Gh={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Zh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qh extends Yn{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),Zn.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&Zn.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=jh.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=jh.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=jh.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=jh.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,i=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[i],this.currentIndex=i,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const i=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===i)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const i=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===i)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case ps:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case ws:e.preventDefault(),this.stepcontainer.focus();break;case ps:e.preventDefault(),this.handleStepSelect(e);break;case gs:e.preventDefault(),this.focusPreviousStep();break;case fs:e.preventDefault(),this.focusNextStep();break;case bs:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case vs:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,i=this.currentIndex===t&&this.isFocusableElement(o),n=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",n),o.setAttribute("role","tab"),o.active=i,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===jh.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==jh.complete}i&&(this.activestep=o,this.activeid=n,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,i=this.stepIds[t],n=this.panelIds[t];o.setAttribute("id",n),o.setAttribute("aria-labelledby",i),o.setAttribute("role","tabpanel"),o.index=t;const s=this.currentIndex===t&&this.isFocusableElement(o);o.active=s,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&Zn.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(ys())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(ys())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(Gh.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}Zh([Un({mode:"boolean"})],Qh.prototype,"numbered",void 0),Zh([Un({mode:"boolean"})],Qh.prototype,"linear",void 0),Zh([Un({mode:"boolean",attribute:"disable-on-complete"})],Qh.prototype,"disableOnComplete",void 0),Zh([Un({attribute:"current-index",converter:ls})],Qh.prototype,"currentIndex",void 0),Zh([Gn],Qh.prototype,"stepcontainer",void 0),Zh([Gn],Qh.prototype,"panelcontainer",void 0),Zh([Gn],Qh.prototype,"slottedsteps",void 0),Zh([Gn],Qh.prototype,"slottedactions",void 0),Zh([Gn],Qh.prototype,"slottedpanels",void 0),Zh([Gn],Qh.prototype,"activeid",void 0);const Jh=ts`
146
163
  ${u("block")}
147
164
 
148
- :host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
149
- ${_e} + ${_e} +
150
- ${_e}
165
+ :host{white-space:normal;height:100%;width:100%;--wizard-overflow-tablist-width:calc(
166
+ ${Ve} + ${Ve} +
167
+ ${Ve}
151
168
  );--wizard-overflow-step-width:calc(
152
169
  ${pe} + ${f}
153
- );--wizard-scrollbar-radius:${f};--wizard-scrollbar-spacing:${f};--wizard-scrollbar-thumb-color:${w};--wizard-scrollbar-track-color:${Et}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${be} ${pe}}.steps{background-color:${Et};box-sizing:border-box;padding:${be} ${pe};position:sticky;top:0;inset-inline:0;width:100%;z-index:9;display:flex;flex-direction:row}.wizard{display:flex;flex-direction:column;height:100%}.title{color:${w}}.panels-container{background:${V}}.button-container{gap:${ae};order:1;display:flex;width:100%;justify-self:flex-end;justify-self:self-end;justify-content:flex-end}.toolbar{display:var(--wizard-toolbar-display,flex);gap:${Mt};flex-direction:column;justify-content:space-between;padding-block-start:${ue};padding-inline:${pe};padding-block-end:0;margin-bottom:${le}}.title{order:2}.steps::-webkit-scrollbar-track{background-color:var(--wizard-scrollbar-track-color);border-radius:var(--wizard-scrollbar-radius)}.steps::-webkit-scrollbar-thumb{background-color:var(--wizard-scrollbar-thumb-color);border-radius:var(--wizard-scrollbar-radius);margin-inline-end:var(--wizard-scrollbar-spacing)}.steps::-webkit-scrollbar-button{display:none;}@media (min-width:32.5rem){:host{padding-top:0}.toolbar{flex-direction:row;margin-bottom:0;gap:0}.panels-container{width:100%}.wizard{flex-direction:row}.title{order:1;flex-shrink:0}.buttons-container{order:2;width:fit-content}.steps{padding:${be} ${pe};position:relative;max-width:var(--wizard-overflow-tablist-width)}.steps{flex-direction:column}:host(.overflow) .steps{width:fit-content;justify-content:flex-start;align-items:center;overflow-x:unset;overflow-y:unset;width:var(--wizard-overflow-step-width)}}@media (min-width:63.9375rem){.steps{max-width:var(
170
+ );--wizard-scrollbar-radius:${f};--wizard-scrollbar-spacing:${f};--wizard-scrollbar-thumb-color:${w};--wizard-scrollbar-track-color:${Tt}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${ve} ${pe}}.steps{background-color:${Tt};box-sizing:border-box;padding:${ve} ${pe};position:sticky;top:0;inset-inline:0;width:100%;z-index:9;display:flex;flex-direction:row}.wizard{display:flex;flex-direction:column;height:100%}.title{color:${w}}.panels-container{background:${_}}.button-container{gap:${ae};order:1;display:flex;width:100%;justify-self:flex-end;justify-self:self-end;justify-content:flex-end}.toolbar{display:var(--wizard-toolbar-display,flex);gap:${rt};flex-direction:column;justify-content:space-between;padding-block-start:${ue};padding-inline:${pe};padding-block-end:0;margin-bottom:${le}}.title{order:2}.steps::-webkit-scrollbar-track{background-color:var(--wizard-scrollbar-track-color);border-radius:var(--wizard-scrollbar-radius)}.steps::-webkit-scrollbar-thumb{background-color:var(--wizard-scrollbar-thumb-color);border-radius:var(--wizard-scrollbar-radius);margin-inline-end:var(--wizard-scrollbar-spacing)}.steps::-webkit-scrollbar-button{display:none;}@media (min-width:32.5rem){:host{padding-top:0}.toolbar{flex-direction:row;margin-bottom:0;gap:0}.panels-container{width:100%}.wizard{flex-direction:row}.title{order:1;flex-shrink:0}.buttons-container{order:2;width:fit-content}.steps{padding:${ve} ${pe};position:relative;max-width:var(--wizard-overflow-tablist-width)}.steps{flex-direction:column}:host(.overflow) .steps{width:fit-content;justify-content:flex-start;align-items:center;overflow-x:unset;overflow-y:unset;width:var(--wizard-overflow-step-width)}}@media (min-width:63.9375rem){.steps{max-width:var(
154
171
  --wizard-tablist-width,var(--wizard-overflow-tablist-width)
155
- );width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${be} ${_e}
156
- ${be} ${pe}}:host(.overflow) .steps{width:fit-content}}`;const Eh=Jn`<template ?hidden="${e=>e.hidden}" ?numbered="${e=>e.numbered}" ?linear="${e=>e.linear}" ?disable-on-complete="${e=>e.disableOnComplete}" current-index="${e=>e.currentIndex}" aria-hidden="${e=>e.hidden?"true":"false"}"><div class="wizard" part="wizard"><slot name="start"></slot><nav role="tablist" class="steps" part="steps" tabindex="0" @keydown="${(e,t)=>e.handleStepContainerKeydown(t.event)}" ${ts("stepcontainer")}><slot name="step" ${Qn("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${ts("panelcontainer")}><div class="toolbar" part="toolbar"><div class="title" part="title"><slot name="title"></slot></div><div class="button-container" part="button-container"><slot name="actions" ${Qn("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Qn("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,Sh=kh.compose({name:`${nr.prefix}-wizard`,template:Eh,styles:Ih,shadowOptions:{mode:nr.shadowRootMode}}),Lh=es`
172
+ );width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${ve} ${Ve}
173
+ ${ve} ${pe}}:host(.overflow) .steps{width:fit-content}}`;const eu=es`<template ?hidden="${e=>e.hidden}" ?numbered="${e=>e.numbered}" ?linear="${e=>e.linear}" ?disable-on-complete="${e=>e.disableOnComplete}" current-index="${e=>e.currentIndex}" aria-hidden="${e=>e.hidden?"true":"false"}"><div class="wizard" part="wizard"><slot name="start"></slot><nav role="tablist" class="steps" part="steps" tabindex="0" @keydown="${(e,t)=>e.handleStepContainerKeydown(t.event)}" ${os("stepcontainer")}><slot name="step" ${Jn("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${os("panelcontainer")}><div class="toolbar" part="toolbar"><div class="title" part="title"><slot name="title"></slot></div><div class="button-container" part="button-container"><slot name="actions" ${Jn("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Jn("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,tu=Qh.compose({name:`${rr.prefix}-wizard`,template:eu,styles:Jh,shadowOptions:{mode:rr.shadowRootMode}}),ou=ts`
157
174
  ${u("block")}
158
- :host{height:100%;background:${V}}:host([active]){display:block}.content{padding-block-start:${be};padding-inline:${pe};padding-block-end:0}.title{padding-block-start:0;padding-inline:${pe};padding-block-end:${Mt};color:${me}}.footer{padding-block:${ht};padding-inline:${pe};border-top:1px solid ${_}}`;const Mh=Jn`<template aria-hidden="${e=>e.hidden}" state="${e=>e.state}" ?active="${e=>e.active}" ?hidden="${e=>e.hidden}" slot="panel"><div class="panel" part="panel"><slot name="start"></slot><div class="title" part="title"><slot name="title"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div><slot name="end"></slot></div></template>`,Ph=wh.compose({name:`${nr.prefix}-wizard-panel`,template:Mh,styles:Lh,shadowOptions:{mode:nr.shadowRootMode}}),zh=es`
175
+ :host{white-space:normal;height:100%;background:${_}}:host([active]){display:block}.content{padding-block-start:${ve};padding-inline:${pe};padding-block-end:0}.title{padding-block-start:0;padding-inline:${pe};padding-block-end:${rt};color:${me}}.footer{padding-block:${st};padding-inline:${pe};border-top:1px solid ${V}}`;const iu=es`<template aria-hidden="${e=>e.hidden}" state="${e=>e.state}" ?active="${e=>e.active}" ?hidden="${e=>e.hidden}" slot="panel"><div class="panel" part="panel"><slot name="start"></slot><div class="title" part="title"><slot name="title"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div><slot name="end"></slot></div></template>`,nu=Wh.compose({name:`${rr.prefix}-wizard-panel`,template:iu,styles:ou,shadowOptions:{mode:rr.shadowRootMode}}),su=ts`
159
176
  ${u("block")}
160
177
 
161
- .step{unset:all;background:transparent;color:${me};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${R};position:relative;align-items:flex-start;column-gap:${ae};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${$}}:host([disabled]) .step-connector{background:${Qe}}:host([disabled]) .icon{background:${Ve};border-color:${Qe}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${pe}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${pe}}.state-indicator{width:${n};height:${i};display:flex;justify-content:center;align-items:center;padding:${h};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${o};height:${t};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${T} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${ue};inset-inline-start:${v};height:${T};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${he};font-size:${de};line-height:${He}}.details{font-weight:${he};font-size:${x};line-height:${C}}.icon svg{color:${ze};fill:${ze};width:${s};height:${r};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${ce}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${Rt};border-color:${Rt};color:${ze}}:host([state="complete"]) .icon svg{margin-top:${h}}:host([state="error"]) .icon{background:${At};border-color:${At}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${ht} 0;column-gap:${ae};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${T};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${pe} * 43 - ${v} - ${P})){:host .step,:host(.first) .step{flex-direction:row}.step-connector{inset-inline-start:11px;}:host([aria-current="step"]) .details,.title{display:block}.order{display:none}.summary{display:flex;flex-direction:column;width:fit-content;gap:${h}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`,Rh=Jn`<svg fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.86 3.66a.5.5 0 0 1-.02.7l-7.93 7.48a.6.6 0 0 1-.84-.02L2.4 9.1a.5.5 0 0 1 .72-.7l2.4 2.44 7.65-7.2a.5.5 0 0 1 .7.02Z" fill="currentColor"></path></svg>`,Ah=Jn`<svg fill="currentColor" aria-hidden="true" width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m2.4 2.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z" fill="currentColor"></path></svg>`;const Oh=Jn`<button ?hide-connector="${e=>e.hideConnector}" ?active="${e=>e.active}" ?disabled="${e=>e.disabled}" ?numbered="${e=>e.numbered}" slot="step" class="step" part="step" role="tab" aria-label="${e=>e.ariaLabel}" aria-current="${e=>e.active?"step":null}" @click="${(e,t)=>e.clickHandler(t.event)}"><slot name="start"></slot><div class="state-indicator" part="state-indicator"><div class="icon" part="icon">${e=>"incomplete"===e.state?Jn`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?Jn`<slot name="complete">${Rh}</slot>`:""} ${e=>"error"===e.state?Jn`<slot name="error">${Ah}</slot>`:""}</div></div><div class="summary" part="summary"><div class="title" part="title"><slot name="title">${e=>e.title}</slot></div><div class="details" part="details"><slot name="details"></slot></div></div><div part="step-connector" class="step-connector"></div><slot name="end"></slot></button>`,Th=$h.compose({name:`${nr.prefix}-wizard-step`,template:Oh,styles:zh,shadowOptions:{mode:nr.shadowRootMode}});class Dh extends Ot{}const Bh={...Dt},Vh={...Tt},_h=Dh.compose({name:`${nr.prefix}-accordion-item`,template:Vt,styles:Bt,shadowOptions:{mode:nr.shadowRootMode}});class Hh extends _t{}const Fh=Hh.compose({name:`${nr.prefix}-accordion`,template:Ft,styles:Ht,shadowOptions:{mode:nr.shadowRootMode}}),Nh={...Nt},jh={...qt},qh={...Xt},Xh={...jt};class Kh extends Kt{clickHandler(e){if(this.href){if(!(Va(e)||this.target===qh._blank))return super.clickHandler(e);e.preventDefault(),window.open(this.href,"_blank")}return!0}}const Wh=Jn`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><slot></slot></template>`,Yh=Kh.compose({name:`${nr.prefix}-link`,template:Wh,styles:Wt,shadowOptions:{mode:nr.shadowRootMode}});class Gh extends Yt{}const Uh={...Gt},Zh={...Ut},Qh={...Zt},Jh={...Qt},eu={...Jt},tu={...eo},ou=Gh.compose({name:`${nr.prefix}-avatar`,template:oo,styles:to,shadowOptions:{mode:nr.shadowRootMode}});class iu extends io{}const nu={...no},su={...so},ru={...ro},au={...ao},lu=iu.compose({name:`${nr.prefix}-badge`,template:co,styles:lo,shadowOptions:{mode:nr.shadowRootMode}});class du extends ho{}const cu={...uo},hu={...po},uu=du.compose({name:`${nr.prefix}-checkbox`,template:vo,styles:mo,shadowOptions:{mode:nr.shadowRootMode}});class pu extends bo{}const mu={...go},vu={...fo},bu={...wo},gu={...yo},fu=pu.compose({name:`${nr.prefix}-counter-badge`,template:xo,styles:$o,shadowOptions:{mode:nr.shadowRootMode}});class wu extends Co{}const yu=es`
178
+ :host{white-space:normal}.step{unset:all;background:transparent;color:${me};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${R};position:relative;align-items:flex-start;column-gap:${ae};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${$}}:host([disabled]) .step-connector{background:${Qe}}:host([disabled]) .icon{background:${_e};border-color:${Qe}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${pe}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${pe}}.state-indicator{width:${n};height:${i};display:flex;justify-content:center;align-items:center;padding:${h};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${o};height:${t};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${O} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${ue};inset-inline-start:${b};height:${O};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${he};font-size:${de};line-height:${Fe}}.details{font-weight:${he};font-size:${x};line-height:${C}}.icon svg{color:${Pe};fill:${Pe};width:${s};height:${r};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${ce}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${Ot};border-color:${Ot};color:${Pe}}:host([state="complete"]) .icon svg{margin-top:${h}}:host([state="error"]) .icon{background:${Dt};border-color:${Dt}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${st} 0;column-gap:${ae};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${O};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${pe} * 43 - ${b} - ${T})){:host .step,:host(.first) .step{flex-direction:row}.step-connector{inset-inline-start:11px;}:host([aria-current="step"]) .details,.title{display:block}.order{display:none}.summary{display:flex;flex-direction:column;width:fit-content;gap:${h}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`,ru=es`<svg fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.86 3.66a.5.5 0 0 1-.02.7l-7.93 7.48a.6.6 0 0 1-.84-.02L2.4 9.1a.5.5 0 0 1 .72-.7l2.4 2.44 7.65-7.2a.5.5 0 0 1 .7.02Z" fill="currentColor"></path></svg>`,au=es`<svg fill="currentColor" aria-hidden="true" width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m2.4 2.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z" fill="currentColor"></path></svg>`;const lu=es`<button ?hide-connector="${e=>e.hideConnector}" ?active="${e=>e.active}" ?disabled="${e=>e.disabled}" ?numbered="${e=>e.numbered}" slot="step" class="step" part="step" role="tab" aria-label="${e=>e.ariaLabel}" aria-current="${e=>e.active?"step":null}" @click="${(e,t)=>e.clickHandler(t.event)}"><slot name="start"></slot><div class="state-indicator" part="state-indicator"><div class="icon" part="icon">${e=>"incomplete"===e.state?es`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?es`<slot name="complete">${ru}</slot>`:""} ${e=>"error"===e.state?es`<slot name="error">${au}</slot>`:""}</div></div><div class="summary" part="summary"><div class="title" part="title"><slot name="title">${e=>e.title}</slot></div><div class="details" part="details"><slot name="details"></slot></div></div><div part="step-connector" class="step-connector"></div><slot name="end"></slot></button>`,du=Uh.compose({name:`${rr.prefix}-wizard-step`,template:lu,styles:su,shadowOptions:{mode:rr.shadowRootMode}});class cu extends Bt{}const hu={...Vt},uu={..._t},pu=ts`
179
+ ${Ft}
180
+
181
+ :host{white-space:normal}`,mu=cu.compose({name:`${rr.prefix}-accordion-item`,template:Ht,styles:pu,shadowOptions:{mode:rr.shadowRootMode}});class bu extends jt{}const vu=ts`
182
+ ${Nt}
183
+
184
+ :host{white-space:normal}`,gu=bu.compose({name:`${rr.prefix}-accordion`,template:qt,styles:vu,shadowOptions:{mode:rr.shadowRootMode}}),fu={...Xt},wu={...Wt},yu={...Yt},$u={...Kt};class xu extends Ut{clickHandler(e){if(this.href){if(!(Ka(e)||this.target===yu._blank))return super.clickHandler(e);e.preventDefault(),window.open(this.href,"_blank")}return!0}}const Cu=es`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><slot></slot></template>`,ku=ts`
185
+ ${Gt}
186
+
187
+ :host{white-space:normal}`,Iu=xu.compose({name:`${rr.prefix}-link`,template:Cu,styles:ku,shadowOptions:{mode:rr.shadowRootMode}});class Eu extends Zt{}const Lu={...Qt},Su={...Jt},Mu={...eo},Tu={...to},Pu={...oo},Ru={...io},zu=ts`
188
+ ${no}
189
+
190
+ :host{white-space:normal}`,Au=Eu.compose({name:`${rr.prefix}-avatar`,template:so,styles:zu,shadowOptions:{mode:rr.shadowRootMode}});class Ou extends ro{}const Du={...ao},Bu={...lo},_u={...co},Vu={...ho},Fu=ts`
191
+ ${uo}
192
+
193
+ :host{white-space:normal}`,Hu=Ou.compose({name:`${rr.prefix}-badge`,template:po,styles:Fu,shadowOptions:{mode:rr.shadowRootMode}});class ju extends mo{}const Nu={...bo},qu={...vo},Xu=ts`
194
+ ${go}
195
+
196
+ :host{white-space:normal}`,Ku=ju.compose({name:`${rr.prefix}-checkbox`,template:fo,styles:Xu,shadowOptions:{mode:rr.shadowRootMode}});class Wu extends wo{}const Yu={...yo},Uu={...$o},Gu={...xo},Zu={...Co},Qu=ts`
162
197
  ${ko}
163
- dialog{max-width:var(--dialog-max-width,600px)}}`,$u=wu.compose({name:`${nr.prefix}-dialog`,template:Io,styles:yu,shadowOptions:{mode:nr.shadowRootMode}}),xu={modal:"modal",nonModal:"non-modal",alert:"alert"};class Cu extends Eo{}const ku=Cu.compose({name:`${nr.prefix}-dialog-body`,template:Lo,styles:So,shadowOptions:{mode:nr.shadowRootMode}});class Iu extends Mo{}const Eu={...Po},Su={...zo},Lu={...Ro},Mu={...Ao},Pu=es`
164
- ${Oo}
165
- :host([orientation='vertical']){min-height:unset}`,zu=To,Ru=Iu.compose({name:`${nr.prefix}-divider`,template:To,styles:Pu,shadowOptions:{mode:nr.shadowRootMode}});class Au extends Do{}const Ou={...Bo},Tu={...Vo},Du={..._o},Bu=Au.compose({name:`${nr.prefix}-drawer`,template:Fo,styles:Ho,shadowOptions:{mode:nr.shadowRootMode}});class Vu extends No{}const _u=Vu.compose({name:`${nr.prefix}-drawer-body`,template:qo,styles:jo,shadowOptions:{mode:nr.shadowRootMode}}),Hu={...Xo},Fu={...Ko},Nu={...Wo};class ju extends Yo{constructor(){super(...arguments),this._wiredLabelClickHandlers=new Map}setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||ws("input");const t=[];null===(e=this.labelSlot)||void 0===e||e.forEach((e,o)=>{if(e instanceof HTMLElement){const i=0===o?`${this.input.id}--label`:`${this.input.id}--label-${o}`;e.id=e.id||i,t.push(e.id),e instanceof HTMLLabelElement?e.htmlFor=e.htmlFor||this.input.id:this.wireLabelClickForwarding(e)}}),t.length?this.input.setAttribute("aria-labelledby",t.join(" ")):this.input.removeAttribute("aria-labelledby")}wireLabelClickForwarding(e){if(this._wiredLabelClickHandlers.has(e))return;const t=e=>{this.input&&!e.defaultPrevented&&(e.target instanceof Node&&this.input.contains(e.target)||this.input.click())};e.addEventListener("click",t),this._wiredLabelClickHandlers.set(e,t)}unwireLabelClickForwarding(e){const t=this._wiredLabelClickHandlers.get(e);t&&(e.removeEventListener("click",t),this._wiredLabelClickHandlers.delete(e))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),null==e||e.forEach(e=>{!(e instanceof Element)||e instanceof HTMLLabelElement||(null==t?void 0:t.includes(e))||this.unwireLabelClickForwarding(e)}),t&&this.input&&this.setLabelPropertiesExtended()}disconnectedCallback(){super.disconnectedCallback();for(const e of[...this._wiredLabelClickHandlers.keys()])this.unwireLabelClickForwarding(e)}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const qu=es`
198
+
199
+ :host{white-space:normal}`,Ju=Wu.compose({name:`${rr.prefix}-counter-badge`,template:Io,styles:Qu,shadowOptions:{mode:rr.shadowRootMode}}),ep={modal:"modal",nonModal:"non-modal",alert:"alert"};class tp extends Eo{}const op=ts`
200
+ ${Lo}
201
+
202
+ :host{white-space:normal}`,ip=tp.compose({name:`${rr.prefix}-dialog-body`,template:So,styles:op,shadowOptions:{mode:rr.shadowRootMode}});class np extends Mo{}const sp={...To},rp={...Po},ap={...Ro},lp={...zo},dp=ts`
203
+ ${Ao}
204
+
205
+ :host{white-space:normal}:host([orientation="vertical"]){min-height:unset}`,cp=Oo,hp=np.compose({name:`${rr.prefix}-divider`,template:Oo,styles:dp,shadowOptions:{mode:rr.shadowRootMode}}),up={dismiss:"dismiss",select:"select","rename-request":"rename-request"};var pp=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class mp extends Yn{constructor(){super(...arguments),this.internalId="fabric-dynamic-tab-"+mp.idCounter++,this.selected=!1,this.disabled=!1,this.noDismiss=!1,this.noRename=!1,this.modified=!1,this.closeTabLabel="",this.modifiedLabel="",this.closeHintLabel=""}get effectiveId(){return this.id||this.internalId}handleClick(e){this.disabled||this.emitSelect()}handleKeydown(e){if(this.disabled)return!0;switch(e.key){case"Enter":case" ":return e.preventDefault(),this.emitSelect(),!1;case"F2":if(!this.noRename)return e.preventDefault(),this.emitRenameRequest(),!1}return!0}handleDismissClick(e){e.stopPropagation(),this.emitDismiss()}emitDismiss(){this.dispatchEvent(new CustomEvent(up.dismiss,{detail:{id:this.id},bubbles:!0,composed:!0}))}emitSelect(){this.dispatchEvent(new CustomEvent(up.select,{detail:{id:this.id},bubbles:!0,composed:!0}))}emitRenameRequest(){var e,t;this.dispatchEvent(new CustomEvent(up["rename-request"],{detail:{id:this.id,currentName:null!==(t=null===(e=this.textContent)||void 0===e?void 0:e.trim())&&void 0!==t?t:""},bubbles:!0,composed:!0}))}}mp.idCounter=0,pp([Un({mode:"boolean"})],mp.prototype,"selected",void 0),pp([Un({mode:"boolean"})],mp.prototype,"disabled",void 0),pp([Un({mode:"boolean",attribute:"no-dismiss"})],mp.prototype,"noDismiss",void 0),pp([Un({mode:"boolean",attribute:"no-rename"})],mp.prototype,"noRename",void 0),pp([Un({mode:"boolean"})],mp.prototype,"modified",void 0),pp([Un({attribute:"close-tab-label"})],mp.prototype,"closeTabLabel",void 0),pp([Un({attribute:"modified-label"})],mp.prototype,"modifiedLabel",void 0),pp([Un({attribute:"close-hint-label"})],mp.prototype,"closeHintLabel",void 0);const bp=es`<template role="tab" aria-selected="${e=>e.selected}" aria-disabled="${e=>e.disabled}" aria-describedby="${e=>e.noDismiss?void 0:`${e.effectiveId}-hint`}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><div class="root"><div class="container"><span class="icon"><slot name="icon">${cr}</slot></span><span class="label"><slot></slot></span>${ds(e=>e.modified,es`<span class="modified-indicator" aria-label="${e=>e.modifiedLabel||Es("DynamicTab_Modified")}">${vr}</span>`)} ${ds(e=>!e.noDismiss&&!e.disabled&&!e.modified,es`<fabric-button class="dismiss-button" icon-only appearance="transparent" aria-label="${e=>e.closeTabLabel||Es("DynamicTab_CloseTab")}" @click="${(e,t)=>e.handleDismissClick(t.event)}" tabindex="-1"><slot name="dismiss-icon">${hr}</slot></fabric-button>`)}</div>${ds(e=>!e.noDismiss,es`<span id="${e=>`${e.effectiveId}-hint`}" class="visually-hidden">${e=>e.closeHintLabel||Es("DynamicTab_CloseHint")}</span>`)} ${ds(e=>!e.selected,es`<div class="divider"></div>`)}</div></template>`,vp=ts`.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}`,gp=ts`
206
+ ${vp}
207
+ :host{white-space:normal;outline:none}.root{display:inline-flex;position:relative;box-sizing:border-box;font-family:${R};outline:none;min-width:180px;}.container{display:flex;align-items:center;gap:${f};padding:${Do} ${b};border-radius:${p};background:${F};width:100%;box-sizing:border-box;cursor:pointer}:host(:hover:not([disabled]):not([selected])) .container{background:${Z}}:host(:hover:not([disabled])) .label{font-weight:${ce}}:host(:active:not([disabled])) .container{background:${Q}}:host([selected]) .container{background:${ee}}:host([selected]) .label{font-weight:${ce}}:host([selected]) .divider{display:none}:host(:focus-visible) .container{outline:2px solid ${m};outline-offset:-2px}:host([disabled]){cursor:not-allowed}:host([disabled]) .container{cursor:not-allowed}:host([disabled]) .label{color:${$}}:host([disabled]) .icon{color:${$}}.icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${me}}.label{flex:1;font-size:${de};font-weight:${he};line-height:${Fe};color:${me};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dismiss-button{flex-shrink:0;--button-padding-inline:0;--button-min-width:20px;padding:0;padding-inline-start:${f};min-width:unset;min-height:unset;border:unset}.modified-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${me}}.modified-indicator svg{width:6px;height:6px}.divider{position:absolute;inset-inline-end:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:${P};display:var(--tab-divider-display,block)}`,fp=Ha(Fa(mp.compose({name:`${rr.prefix}-dynamic-tab`,template:bp,styles:gp,shadowOptions:{mode:rr.shadowRootMode}})),Fa(Ol)),wp={horizontal:"horizontal",vertical:"vertical"},yp={"tab-dismiss":"tab-dismiss","tab-select":"tab-select","context-menu":"context-menu"};var $p=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class xp extends Yn{constructor(){super(...arguments),this.orientation=wp.horizontal,this.showManagedTabs=!1,this.closeUnmodifiedLabel="",this.closeAllLabel="",this.manageTabsLabel="",this.tabs=[],this.contextMenuTargetId=null,this.contextMenuOpen=!1,this.contextMenuX=0,this.contextMenuY=0,this.slottedManageTabsTrigger=[],this.manageTabsMenuOpen=!1,this.manageTabsMenuEl=null,this.focusController=null,this.isUserSelection=!1,this.handleManageTabsLightDismiss=e=>{var t,o,i,n;if(!this.manageTabsMenuEl)return;const s=this.manageTabsMenuEl;if(!(null===(t=s.matches)||void 0===t?void 0:t.call(s,":popover-open")))return;const r=e.target,a=this.manageTabsMenuEl.contains(r),l=null===(i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".manage-tabs-trigger"))||void 0===i?void 0:i.contains(r);a||l||(null===(n=s.hidePopover)||void 0===n||n.call(s),this.removeManageTabsMenuListeners())},this.handleManageTabsEscape=e=>{var t,o;if("Escape"===e.key&&this.manageTabsMenuEl){const e=this.manageTabsMenuEl;(null===(t=e.matches)||void 0===t?void 0:t.call(e,":popover-open"))&&(null===(o=e.hidePopover)||void 0===o||o.call(e),this.removeManageTabsMenuListeners(!0))}}}get hasTrigger(){return this.showManagedTabs||this.slottedManageTabsTrigger.length>0}connectedCallback(){var e;super.connectedCallback(),this.initializeFocusController(),Zn.enqueue(()=>{var e;this.manageTabsMenuEl=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".manage-tabs-menu")});this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName).length>0&&(null===(e=this.focusController)||void 0===e||e.applyTabindex())}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.focusController)||void 0===e||e.destroy(),this.focusController=null,this.removeManageTabsMenuListeners()}setupManageTabsMenuListeners(){document.addEventListener("click",this.handleManageTabsLightDismiss),document.addEventListener("keydown",this.handleManageTabsEscape)}removeManageTabsMenuListeners(e=!1){var t;if(this.manageTabsMenuOpen=!1,document.removeEventListener("click",this.handleManageTabsLightDismiss),document.removeEventListener("keydown",this.handleManageTabsEscape),e){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".manage-tabs-trigger");null==e||e.focus()}}initializeFocusController(){this.focusController=Ca({items:()=>this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName),isDisabled:e=>!0===e.disabled,orientation:this.orientation===wp.vertical?"vertical":"horizontal",enableHomeEnd:!0,wrap:!1,isRtl:()=>this.matches(":dir(rtl)")})}tabsChanged(){const e=this.getTabElements();if(this.activeid){const t=e.some(e=>e.id===this.activeid);!t&&e.length>0?this.activeid=e[0].id:t||0!==e.length||(this.activeid=void 0)}this.updateTabStates(),e.length>0&&this.focusController&&this.focusController.applyTabindex()}activeidChanged(e,t){this.updateTabStates(),this.isUserSelection&&e!==t&&t&&this.emitTabSelect(t,null!=e?e:null)}orientationChanged(){this.focusController&&(this.focusController.destroy(),this.initializeFocusController(),this.focusController.applyTabindex())}updateTabStates(){const e=this.getTabElements(),t=e.length;e.forEach((e,o)=>{e.selected=e.id===this.activeid,e.setAttribute("aria-posinset",String(o+1)),e.setAttribute("aria-setsize",String(t))})}handleTabDismiss(e){var t,o;if(!e.composedPath().find(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName))return;const{id:i}=e.detail,n=this.getTabElements(),s=n.findIndex(e=>e.id===i);if(-1===s)return;const r=n[s];if(r.matches(":focus")||r.contains(document.activeElement)){const e=n.filter(e=>e.id!==i);if(e.length>0){const i=Math.min(s,e.length-1);null===(t=e[i])||void 0===t||t.focus(),null===(o=this.focusController)||void 0===o||o.sync(e[i])}}this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:i,index:s},bubbles:!0,composed:!0}))}handleTabSelect(e){var t;const o=e.composedPath().find(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName);if(!o)return;const{id:i}=e.detail;i!==this.activeid&&(this.isUserSelection=!0,this.activeid=i,this.isUserSelection=!1),null===(t=this.focusController)||void 0===t||t.sync(o)}handleTabContextMenu(e){const t=e.target.closest("fabric-dynamic-tab");return!t||(e.preventDefault(),this.contextMenuTargetId=t.id,this.contextMenuOpen=!0,this.contextMenuX=e.clientX,this.contextMenuY=e.clientY,this.dispatchEvent(new CustomEvent(yp["context-menu"],{detail:{id:t.id,clientX:e.clientX,clientY:e.clientY},bubbles:!0,composed:!0})),!1)}handleKeydown(e){var t;return!(null===(t=this.focusController)||void 0===t?void 0:t.handleKeydown(e))}handleFocusin(e){var t;const o=e.composedPath().find(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName);o&&(null===(t=this.focusController)||void 0===t||t.sync(o))}emitTabSelect(e,t){this.dispatchEvent(new CustomEvent(yp["tab-select"],{detail:{id:e,previousId:t},bubbles:!0,composed:!0}))}getContextMenuTab(){var e;return this.contextMenuTargetId&&null!==(e=this.tabs.find(e=>e.id===this.contextMenuTargetId))&&void 0!==e?e:null}clearContextMenuTarget(){this.contextMenuTargetId=null,this.contextMenuOpen=!1}closeContextMenu(){this.contextMenuOpen=!1,this.contextMenuTargetId=null,this.contextMenuX=0,this.contextMenuY=0}toggleManageTabsMenu(){var e,t,o;if(!this.manageTabsMenuEl)return void(this.manageTabsMenuOpen=!this.manageTabsMenuOpen);const i=this.manageTabsMenuEl;(null===(e=i.matches)||void 0===e?void 0:e.call(i,":popover-open"))?(null===(t=i.hidePopover)||void 0===t||t.call(i),this.manageTabsMenuOpen=!1,this.removeManageTabsMenuListeners(!0)):(null===(o=i.showPopover)||void 0===o||o.call(i),this.manageTabsMenuOpen=!0,requestAnimationFrame(()=>{var e;this.setupManageTabsMenuListeners();const t=null===(e=this.manageTabsMenuEl)||void 0===e?void 0:e.querySelector("fabric-menu-item");null==t||t.focus()}))}closeManageTabsMenu(){this.manageTabsMenuOpen=!1,this.closeManageTabsMenuInternal()}closeTab(e){var t,o;const i=this.getTabElements(),n=i.findIndex(t=>t.id===e);if(-1===n)return;const s=i[n];if(s.matches(":focus")||s.contains(document.activeElement)){const s=i.filter(t=>t.id!==e);if(s.length>0){const e=Math.min(n,s.length-1);null===(t=s[e])||void 0===t||t.focus(),null===(o=this.focusController)||void 0===o||o.sync(s[e])}}this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:e,index:n},bubbles:!0,composed:!0}))}closeOtherTabs(e){const t=this.getTabElements();t.filter(t=>t.id!==e).forEach(e=>{const o=t.findIndex(t=>t.id===e.id);this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:e.id,index:o},bubbles:!0,composed:!0}))})}closeTabsToRight(e){const t=this.getTabElements(),o=t.findIndex(t=>t.id===e);if(-1===o)return;[...t.slice(o+1)].reverse().forEach(e=>{const o=t.findIndex(t=>t.id===e.id);this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:e.id,index:o},bubbles:!0,composed:!0}))})}closeTabsToLeft(e){const t=this.getTabElements(),o=t.findIndex(t=>t.id===e);if(-1===o)return;[...t.slice(0,o)].reverse().forEach(e=>{const o=t.findIndex(t=>t.id===e.id);this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:e.id,index:o},bubbles:!0,composed:!0}))})}closeAllTabs(){const e=this.getTabElements();[...e].reverse().forEach(t=>{const o=e.findIndex(e=>e.id===t.id);this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:t.id,index:o},bubbles:!0,composed:!0}))})}selectNextAvailableTab(e){const t=this.tabs.filter((t,o)=>o!==e);if(0===t.length)return void(this.activeid=void 0);const o=t[Math.min(e,t.length-1)];o&&(this.activeid=o.id)}closeUnmodifiedTabs(){const e=this.getTabElements();[...e.filter(e=>!e.modified)].reverse().forEach(t=>{const o=e.findIndex(e=>e.id===t.id);this.dispatchEvent(new CustomEvent(yp["tab-dismiss"],{detail:{id:t.id,index:o},bubbles:!0,composed:!0}))}),this.closeManageTabsMenuInternal()}selectTabFromManageMenu(e){var t;this.isUserSelection=!0,this.activeid=e.id,this.isUserSelection=!1,e.focus(),null===(t=this.focusController)||void 0===t||t.sync(e),this.closeManageTabsMenuInternal(!1)}closeManageTabsMenuInternal(e=!0){var t;if(!this.manageTabsMenuEl)return;const o=this.manageTabsMenuEl;null===(t=o.hidePopover)||void 0===t||t.call(o),this.removeManageTabsMenuListeners(e)}getTabDisplayLabel(e){var t;const o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(o){const e=o.assignedNodes({flatten:!0}).map(e=>{var t;return null!==(t=e.textContent)&&void 0!==t?t:""}).join("").trim();if(e)return e}const i=e.getAttribute("aria-label");return i||e.id}getTabElements(){return this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName)}handleCloseAllFromMenu(){this.closeAllTabs(),this.closeManageTabsMenuInternal()}}$p([Un],xp.prototype,"activeid",void 0),$p([Un],xp.prototype,"orientation",void 0),$p([Un({mode:"boolean",attribute:"show-managed-tabs"})],xp.prototype,"showManagedTabs",void 0),$p([Un({attribute:"close-unmodified-label"})],xp.prototype,"closeUnmodifiedLabel",void 0),$p([Un({attribute:"close-all-label"})],xp.prototype,"closeAllLabel",void 0),$p([Un({attribute:"manage-tabs-label"})],xp.prototype,"manageTabsLabel",void 0),$p([Gn],xp.prototype,"tabs",void 0),$p([Gn],xp.prototype,"contextMenuTargetId",void 0),$p([Gn],xp.prototype,"contextMenuOpen",void 0),$p([Gn],xp.prototype,"contextMenuX",void 0),$p([Gn],xp.prototype,"contextMenuY",void 0),$p([Gn],xp.prototype,"slottedManageTabsTrigger",void 0),$p([Gn],xp.prototype,"manageTabsMenuOpen",void 0);const Cp=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="currentColor" /></svg>`,kp=es`<fabric-menu-list class="managed-tabs-built-in-menu" role="menu"><!-- Action items --><fabric-menu-item @click="${e=>e.closeUnmodifiedTabs()}"><span slot="start">${Cp}</span>${e=>e.closeUnmodifiedLabel||Es("DynamicTabList_CloseUnmodified")}</fabric-menu-item><fabric-menu-item @click="${e=>e.handleCloseAllFromMenu()}"><span slot="start">${Cp}</span>${e=>e.closeAllLabel||Es("DynamicTabList_CloseAll")}</fabric-menu-item><!-- Separator --><div class="managed-tabs-separator" role="separator"></div><!-- Tab list - uses start slot for icons, default slot for label -->${rs(e=>e.getTabElements(),es`<fabric-menu-item role="menuitemradio" class="managed-tabs-tab-item" data-tab-id="${e=>e.id}" ?data-active="${(e,t)=>e.id===t.parent.activeid}" aria-checked="${(e,t)=>e.id===t.parent.activeid?"true":"false"}" @click="${(e,t)=>t.parent.selectTabFromManageMenu(e)}"><span slot="start">${cr}</span>${(e,t)=>t.parent.getTabDisplayLabel(e)}</fabric-menu-item>`)}</fabric-menu-list>`;const Ip=es`<template role="tablist" aria-orientation="${e=>e.orientation}" @dismiss="${(e,t)=>e.handleTabDismiss(t.event)}" @select="${(e,t)=>e.handleTabSelect(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}" @focusin="${(e,t)=>e.handleFocusin(t.event)}" @contextmenu="${(e,t)=>e.handleTabContextMenu(t.event)}"><div class="tabs-container" part="tabs-container"><slot ${Jn("tabs")}></slot></div><div class="actions-container" part="actions-container"><!-- Consumer-provided action buttons (e.g., "+", toolbar) --><slot name="actions"></slot><!-- Manage Tabs Menu trigger - clicking opens the manage-tabs-menu popover. Uses CSS anchor positioning for automatic placement below the trigger. Only interactive when built-in menu is enabled or a trigger is slotted. --><div class="manage-tabs-trigger" ?hidden="${e=>!e.hasTrigger}" role="${e=>e.hasTrigger?"button":void 0}" tabindex="${e=>e.hasTrigger?"0":void 0}" aria-label="${e=>e.hasTrigger?e.manageTabsLabel||Es("DynamicTabList_ManageTabs"):void 0}" aria-haspopup="${e=>e.hasTrigger?"menu":void 0}" aria-expanded="${e=>e.hasTrigger?e.manageTabsMenuOpen:void 0}" @click="${e=>e.hasTrigger&&e.toggleManageTabsMenu()}" @keydown="${(e,t)=>{if(!e.hasTrigger)return;const o=t.event;"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),e.toggleManageTabsMenu())}}"><slot name="manage-tabs" ${Jn({property:"slottedManageTabsTrigger",filter:as()})}></slot></div><!-- Manage Tabs Menu - uses native Popover API with CSS anchor positioning. Only renders when showManagedTabs is true. -->${ds(e=>e.showManagedTabs,es`<div class="manage-tabs-menu" popover="manual">${kp}</div>`)}</div></template>`,Ep=ts`
208
+ :host{white-space:normal;display:flex;align-items:center;background:${B};position:relative}:host([orientation="vertical"]){flex-direction:column;align-items:stretch}.tabs-container{display:flex;flex:1;gap:${f};overflow-x:auto;overflow-y:clip;padding:${Do} 0px;border-bottom:1px solid ${V};max-height:44px;box-sizing:border-box}.tabs-container::-webkit-scrollbar{height:${f};background:transparent}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:${w};border-radius:${be}}.tabs-container:first-child{padding-inline-start:${M}}.tabs-container:last-child{padding-inline-start:${M}}:host([orientation="vertical"]) .tabs-container{flex-direction:column;overflow-x:visible;overflow-y:auto;--tab-divider-display:none}:host([orientation="vertical"]) .tabs-container::-webkit-scrollbar{width:${f};height:auto}.actions-container{display:flex;align-items:center;flex-shrink:0;gap:${f}}.actions-container ::slotted(*){margin-inline-start:${f}}.manage-tabs-trigger{display:inline-flex;cursor:pointer;anchor-name:--manage-tabs-anchor}.manage-tabs-trigger[hidden]{display:none}.manage-tabs-menu{position:absolute;position-anchor:--manage-tabs-anchor;position-area:block-end;margin:0;padding:0;border:none;background:transparent;overflow:visible;color:inherit}.manage-tabs-menu:popover-open{inset:unset;inset-inline-start:anchor(start)}.manage-tabs-menu:not(:popover-open){display:none}.managed-tabs-built-in-menu{}.managed-tabs-built-in-menu fabric-menu-item{grid-template-columns:0px ${d} 1fr ${d}}.managed-tabs-built-in-menu fabric-menu-item [slot="start"]{display:inline-flex;align-items:center}.managed-tabs-separator{height:1px;background:${P};margin:${rt} ${b}}.managed-tabs-custom-icon[hidden]{display:none}.managed-tabs-tab-item[data-active]{color:${Pt};font-weight:${ce}}`,Lp=xp.compose({name:`${rr.prefix}-dynamic-tab-list`,template:Ip,styles:Ep,shadowOptions:{mode:rr.shadowRootMode}});class Sp extends Yn{}const Mp=ts`
209
+ :host{white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:${R};gap:${st}}.illustration{display:flex;align-items:center;justify-content:center}.illustration ::slotted(*){display:block}.content{display:flex;flex-direction:column;align-items:center;gap:${le}}::slotted([slot="title"]){font-size:${k};font-weight:${ce};line-height:${I};color:${me};margin:0}::slotted([slot="body"]){font-size:${de};font-weight:${he};line-height:${Fe};color:${fe};margin:0}::slotted([slot="action"]){margin-block-start:${ue}}`;const Tp=es`<template><div class="illustration" part="illustration"><slot name="illustration"></slot></div><div class="content" part="content"><slot name="title"></slot><slot name="body"></slot><slot name="link"></slot><slot name="action"></slot></div></template>`,Pp=Sp.compose({name:`${rr.prefix}-empty-state`,template:Tp,styles:Mp,shadowOptions:{mode:rr.shadowRootMode}});class Rp extends Bo{}const zp={..._o},Ap={...Vo},Op={...Fo},Dp=ts`
210
+ ${Ho}
211
+
212
+ :host{white-space:normal}`,Bp=Rp.compose({name:`${rr.prefix}-drawer`,template:jo,styles:Dp,shadowOptions:{mode:rr.shadowRootMode}});class _p extends No{}const Vp=ts`
213
+ ${qo}
214
+
215
+ :host{white-space:normal}`,Fp=_p.compose({name:`${rr.prefix}-drawer-body`,template:Xo,styles:Vp,shadowOptions:{mode:rr.shadowRootMode}}),Hp={...Ko},jp={...Wo},Np={...Yo};class qp extends Uo{constructor(){super(...arguments),this._wiredLabelClickHandlers=new Map}setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||ys("input");const t=[];null===(e=this.labelSlot)||void 0===e||e.forEach((e,o)=>{if(e instanceof HTMLElement){const i=0===o?`${this.input.id}--label`:`${this.input.id}--label-${o}`;e.id=e.id||i,t.push(e.id),e instanceof HTMLLabelElement?e.htmlFor=e.htmlFor||this.input.id:this.wireLabelClickForwarding(e)}}),t.length?this.input.setAttribute("aria-labelledby",t.join(" ")):this.input.removeAttribute("aria-labelledby")}wireLabelClickForwarding(e){if(this._wiredLabelClickHandlers.has(e))return;const t=e=>{this.input&&!e.defaultPrevented&&(e.target instanceof Node&&this.input.contains(e.target)||this.input.click())};e.addEventListener("click",t),this._wiredLabelClickHandlers.set(e,t)}unwireLabelClickForwarding(e){const t=this._wiredLabelClickHandlers.get(e);t&&(e.removeEventListener("click",t),this._wiredLabelClickHandlers.delete(e))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),null==e||e.forEach(e=>{!(e instanceof Element)||e instanceof HTMLLabelElement||(null==t?void 0:t.includes(e))||this.unwireLabelClickForwarding(e)}),t&&this.input&&this.setLabelPropertiesExtended()}disconnectedCallback(){super.disconnectedCallback();for(const e of[...this._wiredLabelClickHandlers.keys()])this.unwireLabelClickForwarding(e)}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const Xp=ts`
166
216
  ${Go}
167
- `,Xu={above:"above",after:"after",before:"before"},Ku=Xu,Wu=Xu,Yu={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"},Gu={structural:void 0},Uu=ju.compose({name:`${nr.prefix}-field`,template:Uo,styles:qu,shadowOptions:{mode:nr.shadowRootMode}});class Zu extends Zo{}const Qu={...Qo},Ju={...Jo},ep=Zu.compose({name:`${nr.prefix}-image`,template:ti,styles:ei,shadowOptions:{mode:nr.shadowRootMode}});class tp extends oi{}const op=tp.compose({name:`${nr.prefix}-label`,template:ni,styles:ii,shadowOptions:{mode:nr.shadowRootMode}}),ip={...si},np={...ri};class sp extends ai{}const rp={...li},ap={...di},lp={...ci},dp=sp.compose({name:`${nr.prefix}-anchor-button`,template:ui,styles:hi,shadowOptions:{mode:nr.shadowRootMode}});class cp extends pi{}const hp=cp.compose({name:`${nr.prefix}-message-bar`,template:vi,styles:mi,shadowOptions:{mode:nr.shadowRootMode}});class up extends bi{}const pp=ke,mp=Ee,vp=Se,bp=up.compose({name:`${nr.prefix}-menu-button`,template:fi,styles:gi,shadowOptions:{mode:nr.shadowRootMode}}),gp=es`
217
+
218
+ :host{white-space:normal}`,Kp={above:"above",after:"after",before:"before"},Wp=Kp,Yp=Kp,Up={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"},Gp={structural:void 0},Zp=qp.compose({name:`${rr.prefix}-field`,template:Zo,styles:Xp,shadowOptions:{mode:rr.shadowRootMode}});class Qp extends Qo{}const Jp={...Jo},em={...ei},tm=ts`
219
+ ${ti}
220
+
221
+ :host{white-space:normal}`,om=Qp.compose({name:`${rr.prefix}-image`,template:oi,styles:tm,shadowOptions:{mode:rr.shadowRootMode}});class im extends ii{}const nm=ts`
222
+ ${ni}
223
+
224
+ :host{white-space:normal}`,sm=im.compose({name:`${rr.prefix}-label`,template:si,styles:nm,shadowOptions:{mode:rr.shadowRootMode}}),rm={...ri},am={...ai};class lm extends li{}const dm={...di},cm={...ci},hm={...hi},um=ts`
225
+ ${ui}
226
+
227
+ :host{white-space:normal}`,pm=lm.compose({name:`${rr.prefix}-anchor-button`,template:pi,styles:um,shadowOptions:{mode:rr.shadowRootMode}});class mm extends mi{}const bm=ts`
228
+ ${bi}
229
+
230
+ :host{white-space:normal}`,vm=mm.compose({name:`${rr.prefix}-message-bar`,template:vi,styles:bm,shadowOptions:{mode:rr.shadowRootMode}});class gm extends gi{}const fm=ke,wm=Ee,ym=Le,$m=ts`
231
+ ${fi}
232
+
233
+ :host{white-space:normal}:host([icon-only]) slot[name="end"]{display:none}`,xm=gm.compose({name:`${rr.prefix}-menu-button`,template:wi,styles:$m,shadowOptions:{mode:rr.shadowRootMode}}),Cm=ts`
168
234
  ${u("grid")}
169
235
 
170
- :host{--indent:0;align-items:center;background:${B};border-radius:${p};color:${fe};contain:layout;cursor:pointer;flex-shrink:0;font:${he} ${de} / ${He}
171
- ${R};grid-gap:${f};grid-template-columns:${d} ${d} auto ${d};height:${e};overflow:visible;padding:0 ${g}}:host(:hover){background:${F};color:${Ye}}:host(:active){background-color:${J};color:${Ge}}:host(:active) ::slotted([slot="start"]){color:${wi}}:host(${br}){color:${yi}}:host(${br}) ::slotted([slot="start"]),:host(${br}) ::slotted([slot="end"]){color:${yi}}:host(${gr}){background-color:${ne};color:${$}}:host(${gr}) ::slotted([slot="start"]),:host(${gr}) ::slotted([slot="end"]){color:${$}}:host(:focus-visible){border-radius:${p};outline:${T} solid ${m}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${L}}:host(:not(${mr})) .indicator,:host(:not(${mr})) ::slotted([slot="indicator"]),:host(:not(${Mr})) .submenu-glyph,:host(:not(${Mr})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${w};font:${he} ${x} / ${C}
172
- ${R};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${d} ${d} auto auto}:host(${Mr}){grid-template-columns:${d} auto auto ${d}}:host([data-indent="2"]${Mr}){grid-template-columns:${d} ${d} auto auto ${d}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${o}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:fixed;inset:auto;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){position:absolute;align-self:start}}}`.withBehaviors(ct(es`
173
- :host(${gr}),:host(${gr}) ::slotted([slot="start"]),:host(${gr}) ::slotted([slot="end"]){color:GrayText}`)),fp=Jn.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),wp=Jn.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');const yp=Jn`<template><slot name="indicator">${fp}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${wp}</slot><slot name="submenu" ${Qn({property:"slottedSubmenu"})}></slot></template>`,$p=Ws.compose({name:`${nr.prefix}-menu-item`,template:yp,styles:gp,shadowOptions:{mode:nr.shadowRootMode}});$p.define(nr.registry);const xp=es`
236
+ :host{white-space:normal;--indent:0;align-items:center;background:${B};border-radius:${p};color:${fe};cursor:pointer;flex-shrink:0;font:${he} ${de} / ${Fe}
237
+ ${R};grid-gap:${f};grid-template-columns:max-content auto auto ${d};height:${e};min-width:calc(${Ve} * 5);overflow:visible;padding:0 ${g}}:host(:hover){background:${H};color:${Ye}}:host(:active){background-color:${J};color:${Ue}}:host(:active) ::slotted([slot="start"]){color:${yi}}:host(${$r}){color:${$i}}:host(${$r}) ::slotted([slot="start"]),:host(${$r}) ::slotted([slot="end"]){color:${$i}}:host(${xr}){background-color:${ne};color:${$}}:host(${xr}) ::slotted([slot="start"]),:host(${xr}) ::slotted([slot="end"]){color:${$}}:host(:focus-visible){border-radius:${p};outline:${O} solid ${m}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${S}}:host(:not(${wr})) .indicator,:host(:not(${wr})) ::slotted([slot="indicator"]),:host(:not(${Ar})) .submenu-glyph,:host(:not(${Ar})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${w};font:${he} ${x} / ${C}
238
+ ${R};white-space:nowrap;}:host([data-indent="0"]){--indent:0;grid-template-columns:max-content auto auto ${d}}:host([data-indent="1"]){--indent:1;grid-template-columns:${d} max-content auto ${d}}:host([data-indent="2"]){--indent:2;grid-template-columns:${d} ${d} auto auto}:host([data-indent="2"]${Ar}){grid-template-columns:${d} ${d} auto auto ${d}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${o}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:fixed;inset:auto;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){position:absolute;align-self:start}}}`.withBehaviors(bt(ts`
239
+ :host(${xr}),:host(${xr}) ::slotted([slot="start"]),:host(${xr}) ::slotted([slot="end"]){color:GrayText}`)),km=es.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),Im=es.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');const Em=es`<template><slot name="indicator">${km}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${Im}</slot><slot name="submenu" ${Jn({property:"slottedSubmenu"})}></slot></template>`,Lm=Us.compose({name:`${rr.prefix}-menu-item`,template:Em,styles:Cm,shadowOptions:{mode:rr.shadowRootMode}});Lm.define(rr.registry);const Sm=ts`
174
240
  ${u("flex")}
175
241
 
176
- :host{flex-direction:column;height:fit-content;min-width:calc(${_e} * 5);width:auto;background-color:${B};border:1px solid ${D};border-radius:${p};box-shadow:${zt};padding:${f};row-gap:${L}}`;const Cp=Jn`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Qn("items")}></slot></template>`,kp=Us.compose({name:`${nr.prefix}-menu-list`,template:Cp,styles:xp,shadowOptions:{mode:nr.shadowRootMode}}),Ip={above:"above",below:"below"},Ep="start",Sp="end",Lp={auto:Td,none:Bd};function Mp(e,t){const o=t===Sp?"end":"start";return e===Ip.above?{originX:o,originY:"top",overlayX:o,overlayY:"bottom"}:{originX:o,originY:"bottom",overlayX:o,overlayY:"top"}}class Pp{set position(e){this._position=e}get position(){return this._position}set alignment(e){this._alignment=e}get alignment(){return this._alignment}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=Ip.below,this._alignment=Ep,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position===Ip.above?Ip.below:Ip.above;return[Mp(this._position,this._alignment),Mp(e,this._alignment)]}createPositionStrategy(){return this.menuReference&&this.anchorReference?new _d({origin:this.anchorReference,overlay:this.menuReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,viewportMargin:15,offsetParent:null,resize:!0}):null}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=e.positionResult.position,o="top"===t.originY&&"bottom"===t.overlayY;return this._position=o?Ip.above:Ip.below,e}}var zp=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Rp extends Wn{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=Ip.below,this.menuAlignment=Ep,this.repositionMode=Lp.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this._anchorName=`--${Ds("menu-anchor-")}`,this.openMenuInternal=e=>{this._open||(this.repositionMode===Lp.auto&&(this.createPositioningManager(),this.scheduleReposition(),this.addRepositioningHandlers()),this.setMenuOpenState(!0),this.focusMenuList(),e&&this.openOnContext&&e.preventDefault(),document.addEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu))},this.closeMenuInternal=()=>{var e;if(this._open){if(this._menuList instanceof Us&&this._menuList.menuItems)for(const t of this._menuList.menuItems)if(t instanceof Ws)try{null===(e=t.submenu)||void 0===e||e.hidePopover()}catch{}this.setMenuOpenState(!1),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)}},this.repositionMenu=()=>{var e,t;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Ip.below,this.positioning.alignment=null!==(t=this.menuAlignment)&&void 0!==t?t:Ep,this.positioning.reposition())},this.handleWindowChanges=()=>{this._open&&this.repositionMenu()},this.toggleMenu=()=>{this.setComponent(),this._open?(this.closeMenuInternal(),this.focusTrigger()):this.openMenuInternal()},this.closeMenu=()=>{this.closeMenuInternal()},this.openMenu=e=>{this.openMenuInternal(e)},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case hs:case us:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{this._open&&(e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu())}}menuPositionChanged(){var e;this.positioning&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Ip.below),this._open&&this.scheduleReposition()}menuAlignmentChanged(){var e;this.positioning&&(this.positioning.alignment=null!==(e=this.menuAlignment)&&void 0!==e?e:Ep),this._open&&this.scheduleReposition()}slottedMenuListChanged(){this.setComponent(),this._open&&this.scheduleReposition()}slottedTriggersChanged(){this.setComponent(),this._open&&this.scheduleReposition()}setMenuOpenState(e){var t;if(this._open=e,null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${e}`),this._menuList){this._menuList.classList.toggle("menu-open",e);try{e?this._menuList.showPopover():this._menuList.hidePopover()}catch{}}}scheduleReposition(){Un.enqueue(()=>{this.repositionMenu()})}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}addRepositioningHandlers(){this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners()}createPositioningManager(){this._menuList&&this._trigger&&(this.positioning=null,this.positioning=new Pp({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary}))}clearInlinePositionStyles(){if(this._menuList){const e=this._menuList.style;e.left="",e.right="",e.top="",e.bottom="",e.maxHeight="",e.overflow=""}}removeRepositioningListeners(){this._menuList&&this.removeWindowEventListeners(),this.overflowBoundary&&this.overflowBoundary.removeEventListener("scroll",this.handleWindowChanges)}connectedCallback(){super.connectedCallback(),Un.enqueue(()=>{this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),document.removeEventListener("scroll",this.closeMenu)}setComponent(){if(this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length){this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("data-menu-list",""),this._menuList.setAttribute("popover","manual");const e=this._trigger.style.getPropertyValue("anchor-name");this._trigger.style.anchorName=e?`${e}, ${this._anchorName}`:this._anchorName,this._menuList.style.positionAnchor=this._anchorName,this.addListeners()}}focusMenuList(){Un.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Un.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,i;t?null===(i=this._menuList)||void 0===i||i.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}repositionModeChanged(e,t){this._open&&(t===Lp.auto?(this.positioning||this.createPositioningManager(),this.addRepositioningHandlers(),this.scheduleReposition()):(this.removeRepositioningListeners(),this.clearInlinePositionStyles()))}overflowBoundaryChanged(e,t){var o;e&&e.removeEventListener("scroll",this.handleWindowChanges),this._open?(t&&t.addEventListener("scroll",this.handleWindowChanges,{passive:!0}),null===(o=this.positioning)||void 0===o||o.setOverflowBoundaryReference(null!=t?t:null),this.scheduleReposition()):this.positioning&&this.positioning.setOverflowBoundaryReference(null!=t?t:null)}openOnContextChanged(e,t){var o,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){this._open&&(t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu))}addListeners(){var e,t,o,i,n;null===(e=this._trigger)||void 0===e||e.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.addEventListener("change",this.closeMenu),this.openOnHover?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):this.openOnContext?null===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,i,n;null===(e=this._trigger)||void 0===e||e.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(o=this._trigger)||void 0===o||o.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){if(e.defaultPrevented)return;if(e.key!==fs)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}zp([Yn({attribute:"open-on-hover",mode:"boolean"})],Rp.prototype,"openOnHover",void 0),zp([Yn({attribute:"open-on-context",mode:"boolean"})],Rp.prototype,"openOnContext",void 0),zp([Yn({attribute:"close-on-scroll",mode:"boolean"})],Rp.prototype,"closeOnScroll",void 0),zp([Yn({attribute:"persist-on-item-click",mode:"boolean"})],Rp.prototype,"persistOnItemClick",void 0),zp([Yn({mode:"boolean"})],Rp.prototype,"split",void 0),zp([Yn({attribute:"menu-position"})],Rp.prototype,"menuPosition",void 0),zp([Yn({attribute:"menu-alignment"})],Rp.prototype,"menuAlignment",void 0),zp([Yn({attribute:"reposition-mode"})],Rp.prototype,"repositionMode",void 0),zp([Gn],Rp.prototype,"overflowBoundary",void 0),zp([Gn],Rp.prototype,"slottedMenuList",void 0),zp([Gn],Rp.prototype,"slottedTriggers",void 0);const Ap=es`
242
+ :host{white-space:normal;flex-direction:column;height:fit-content;width:max-content;background-color:${B};border:1px solid ${D};border-radius:${p};box-shadow:${At};padding:${f};row-gap:${S}}.default-slot{display:flex;flex-direction:column;inline-size:100%;row-gap:${S}}::slotted(fabric-menu-item){box-sizing:border-box;inline-size:100%}`;const Mm=es`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot class="default-slot" ${Jn("items")}></slot></template>`,Tm=Qs.compose({name:`${rr.prefix}-menu-list`,template:Mm,styles:Sm,shadowOptions:{mode:rr.shadowRootMode}}),Pm={above:"above",below:"below"},Rm="start",zm="end",Am={auto:mc,none:vc};function Om(e,t){const o=t===zm?"end":"start";return e===Pm.above?{originX:o,originY:"top",overlayX:o,overlayY:"bottom"}:{originX:o,originY:"bottom",overlayX:o,overlayY:"top"}}class Dm{set position(e){this._position=e}get position(){return this._position}set alignment(e){this._alignment=e}get alignment(){return this._alignment}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=Pm.below,this._alignment=Rm,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position===Pm.above?Pm.below:Pm.above;return[Om(this._position,this._alignment),Om(e,this._alignment)]}createPositionStrategy(){return this.menuReference&&this.anchorReference?new fc({origin:this.anchorReference,overlay:this.menuReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,viewportMargin:15,offsetParent:null,resize:!0}):null}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=e.positionResult.position,o="top"===t.originY&&"bottom"===t.overlayY;return this._position=o?Pm.above:Pm.below,e}}var Bm=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class _m extends Yn{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=Pm.below,this.menuAlignment=Rm,this.repositionMode=Am.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this._anchorName=`--${_s("menu-anchor-")}`,this.openMenuInternal=e=>{this._open||(this.repositionMode===Am.auto&&(this.createPositioningManager(),this.scheduleReposition(),this.addRepositioningHandlers()),this.setMenuOpenState(!0),this.focusMenuList(),e&&this.openOnContext&&e.preventDefault(),document.addEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu))},this.closeMenuInternal=()=>{var e;if(this._open){if(this._menuList instanceof Qs&&this._menuList.menuItems)for(const t of this._menuList.menuItems)if(t instanceof Us)try{null===(e=t.submenu)||void 0===e||e.hidePopover()}catch{}this.setMenuOpenState(!1),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)}},this.repositionMenu=()=>{var e,t;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Pm.below,this.positioning.alignment=null!==(t=this.menuAlignment)&&void 0!==t?t:Rm,this.positioning.reposition())},this.handleWindowChanges=()=>{this._open&&this.repositionMenu()},this.toggleMenu=()=>{this.setComponent(),this._open?(this.closeMenuInternal(),this.focusTrigger()):this.openMenuInternal()},this.closeMenu=()=>{this.closeMenuInternal()},this.openMenu=e=>{this.openMenuInternal(e)},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case us:case ps:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{this._open&&(e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu())}}menuPositionChanged(){var e;this.positioning&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Pm.below),this._open&&this.scheduleReposition()}menuAlignmentChanged(){var e;this.positioning&&(this.positioning.alignment=null!==(e=this.menuAlignment)&&void 0!==e?e:Rm),this._open&&this.scheduleReposition()}slottedMenuListChanged(){this.setComponent(),this._open&&this.scheduleReposition()}slottedTriggersChanged(){this.setComponent(),this._open&&this.scheduleReposition()}setMenuOpenState(e){var t;if(this._open=e,null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${e}`),this._menuList){this._menuList.classList.toggle("menu-open",e);try{e?this._menuList.showPopover():this._menuList.hidePopover()}catch{}}}scheduleReposition(){Zn.enqueue(()=>{this.repositionMenu()})}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}addRepositioningHandlers(){this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners()}createPositioningManager(){this._menuList&&this._trigger&&(this.positioning=null,this.positioning=new Dm({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary}))}clearInlinePositionStyles(){if(this._menuList){const e=this._menuList.style;e.left="",e.right="",e.top="",e.bottom="",e.maxHeight="",e.overflow=""}}removeRepositioningListeners(){this._menuList&&this.removeWindowEventListeners(),this.overflowBoundary&&this.overflowBoundary.removeEventListener("scroll",this.handleWindowChanges)}connectedCallback(){super.connectedCallback(),Zn.enqueue(()=>{this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),document.removeEventListener("scroll",this.closeMenu)}setComponent(){if(this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length){this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("data-menu-list",""),this._menuList.setAttribute("popover","manual");const e=this._trigger.style.getPropertyValue("anchor-name");this._trigger.style.anchorName=e?`${e}, ${this._anchorName}`:this._anchorName,this._menuList.style.positionAnchor=this._anchorName,this.addListeners()}}focusMenuList(){Zn.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Zn.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,i;t?null===(i=this._menuList)||void 0===i||i.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}repositionModeChanged(e,t){this._open&&(t===Am.auto?(this.positioning||this.createPositioningManager(),this.addRepositioningHandlers(),this.scheduleReposition()):(this.removeRepositioningListeners(),this.clearInlinePositionStyles()))}overflowBoundaryChanged(e,t){var o;e&&e.removeEventListener("scroll",this.handleWindowChanges),this._open?(t&&t.addEventListener("scroll",this.handleWindowChanges,{passive:!0}),null===(o=this.positioning)||void 0===o||o.setOverflowBoundaryReference(null!=t?t:null),this.scheduleReposition()):this.positioning&&this.positioning.setOverflowBoundaryReference(null!=t?t:null)}openOnContextChanged(e,t){var o,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){this._open&&(t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu))}addListeners(){var e,t,o,i,n;null===(e=this._trigger)||void 0===e||e.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.addEventListener("change",this.closeMenu),this.openOnHover?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):this.openOnContext?null===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,i,n;null===(e=this._trigger)||void 0===e||e.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(o=this._trigger)||void 0===o||o.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){if(e.defaultPrevented)return;if(e.key!==ws)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}Bm([Un({attribute:"open-on-hover",mode:"boolean"})],_m.prototype,"openOnHover",void 0),Bm([Un({attribute:"open-on-context",mode:"boolean"})],_m.prototype,"openOnContext",void 0),Bm([Un({attribute:"close-on-scroll",mode:"boolean"})],_m.prototype,"closeOnScroll",void 0),Bm([Un({attribute:"persist-on-item-click",mode:"boolean"})],_m.prototype,"persistOnItemClick",void 0),Bm([Un({mode:"boolean"})],_m.prototype,"split",void 0),Bm([Un({attribute:"menu-position"})],_m.prototype,"menuPosition",void 0),Bm([Un({attribute:"menu-alignment"})],_m.prototype,"menuAlignment",void 0),Bm([Un({attribute:"reposition-mode"})],_m.prototype,"repositionMode",void 0),Bm([Gn],_m.prototype,"overflowBoundary",void 0),Bm([Gn],_m.prototype,"slottedMenuList",void 0),Bm([Gn],_m.prototype,"slottedTriggers",void 0);const Vm=ts`
177
243
  ${u("inline-block")}
178
244
 
179
- :host{position:relative}::slotted([data-menu-list]){margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:1}::slotted([data-menu-list][popover]){position:fixed;inset:auto}:host(:not([reposition-mode="auto"])) ::slotted([data-menu-list][popover]){inset-inline-start:anchor(start);inset-inline-end:auto;inset-block-start:anchor(bottom);inset-block-end:auto}:host([menu-position="above"]:not([reposition-mode="auto"]))
245
+ :host{white-space:normal;position:relative}::slotted([data-menu-list]){margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:1}::slotted([data-menu-list][popover]){position:fixed;inset:auto}:host(:not([reposition-mode="auto"])) ::slotted([data-menu-list][popover]){inset-inline-start:anchor(start);inset-inline-end:auto;inset-block-start:anchor(bottom);inset-block-end:auto}:host([menu-position="above"]:not([reposition-mode="auto"]))
180
246
  ::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}:host([menu-alignment="end"]:not([reposition-mode="auto"]))
181
- ::slotted([data-menu-list][popover]){inset-inline-start:auto;inset-inline-end:anchor(end)}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${P} solid ${_};border-start-end-radius:0;border-end-end-radius:0;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${P} solid
182
- ${Je}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const Op=Jn`<template ?open-on-hover="${e=>e.openOnHover}" ?open-on-context="${e=>e.openOnContext}" ?close-on-scroll="${e=>e.closeOnScroll}" ?persist-on-item-click="${e=>e.persistOnItemClick}" ?split="${e=>e.split}" menu-position="${e=>e.menuPosition}" @keydown="${(e,t)=>e.menuKeydownHandler(t.event)}"><slot name="primary-action"></slot><slot name="trigger" ${Qn({property:"slottedTriggers",filter:ss()})}></slot><slot ${Qn({property:"slottedMenuList",filter:ss()})}></slot></template>`,Tp=Rp.compose({name:`${nr.prefix}-menu`,template:Op,styles:Ap,shadowOptions:{mode:nr.shadowRootMode}});var Dp=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Bp extends Wn{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.slottedOptions=[]}get options(){return this.slottedOptions.filter(e=>wt(e))}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?"true":"false"}connectedCallback(){super.connectedCallback(),this.elementInternals.role="group"}labelChanged(e,t){this.elementInternals.ariaLabel=null!=t?t:null}}Dp([Yn],Bp.prototype,"label",void 0),Dp([Yn({mode:"boolean"})],Bp.prototype,"disabled",void 0),Dp([Gn],Bp.prototype,"slottedOptions",void 0);const Vp=es`
183
- :host{display:block;font-family:${R}}:host([hidden]){display:none}.label{color:${w};font-size:${x};font-weight:${ce};line-height:${C};padding-block:${Mt};padding-inline:${ae};user-select:none;cursor:default}:host([disabled]) .label{color:${$}}:host([disabled]) ::slotted(*){color:${$};background-color:${B};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${le}}`;const _p=Jn`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Qn("slottedOptions")}></slot></div></template>`,Hp=Bp.compose({name:`${nr.prefix}-option-group`,template:_p,styles:Vp,shadowOptions:{mode:nr.shadowRootMode}});class Fp extends $i{}const Np=Fp.compose({name:`${nr.prefix}-progress-bar`,template:Ci,styles:xi,shadowOptions:{mode:nr.shadowRootMode}}),jp={...ki},qp={...Ii},Xp={...Ei};class Kp extends Si{}class Wp extends Li{slottedRadiosChanged(){this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof Kp)}}const Yp={...Mi},Gp=Wp.compose({name:`${nr.prefix}-radio-group`,template:zi,styles:Pi,shadowOptions:{mode:nr.shadowRootMode}}),Up=Kp.compose({name:`${nr.prefix}-radio`,template:Ai,styles:Ri,shadowOptions:{mode:nr.shadowRootMode}});class Zp extends Oi{}const Qp=Zp.compose({name:`${nr.prefix}-rating-display`,template:Di,styles:Ti,shadowOptions:{mode:nr.shadowRootMode}}),Jp={...Bi},em={...Vi},tm={small:"small",medium:"medium",large:"large"},om={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},im={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},nm=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var sm=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class rm extends Wn{constructor(){super(...arguments),this.type=im.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(e,t){this.value=t}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&(this.controlLabel.hidden=!(null==t?void 0:t.length))}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!t}`)}controlChanged(e,t){this.setValidity()}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return Zn.track(this,"value"),this.currentValue}set value(e){this.currentValue=e,this.$fastController.isConnected&&(this.control.value=null!=e?e:"",this.setFormValue(e),this.setValidity(),Zn.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(e){return"insertLineBreak"===e.inputType&&this.implicitSubmit(),!0}changeHandler(e){return this.setValidity(),this.$emit("change",e,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.click()),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(1===this.elementInternals.form.elements.length)return void this.elementInternals.form.requestSubmit();const e=Array.from(this.elementInternals.form.elements),t=e.find(e=>"submit"===e.getAttribute("type"));if(t)return void t.click();e.filter(e=>{var t;return nm.includes(null!==(t=e.getAttribute("type"))&&void 0!==t?t:"")}).length>1||this.elementInternals.form.requestSubmit()}inputHandler(e){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(e){return"Enter"===e.key&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,null!=e?e:t)}setValidity(e,t,o){if(this.$fastController.isConnected&&this.control){if(this.disabled)return void this.elementInternals.setValidity({});this.elementInternals.setValidity(null!=e?e:this.control.validity,null!=t?t:this.validationMessage,null!=o?o:this.control)}}}rm.formAssociated=!0,sm([Yn],rm.prototype,"autocomplete",void 0),sm([Yn({mode:"boolean"})],rm.prototype,"autofocus",void 0),sm([Yn({attribute:"current-value"})],rm.prototype,"currentValue",void 0),sm([Gn],rm.prototype,"defaultSlottedNodes",void 0),sm([Yn],rm.prototype,"dirname",void 0),sm([Yn({mode:"boolean"})],rm.prototype,"disabled",void 0),sm([Yn({attribute:"form"})],rm.prototype,"formAttribute",void 0),sm([Yn({attribute:"value",mode:"fromView"})],rm.prototype,"initialValue",void 0),sm([Yn],rm.prototype,"list",void 0),sm([Yn({converter:rs})],rm.prototype,"maxlength",void 0),sm([Yn({converter:rs})],rm.prototype,"minlength",void 0),sm([Yn({mode:"boolean"})],rm.prototype,"multiple",void 0),sm([Yn],rm.prototype,"name",void 0),sm([Yn],rm.prototype,"pattern",void 0),sm([Yn],rm.prototype,"placeholder",void 0),sm([Yn({attribute:"readonly",mode:"boolean"})],rm.prototype,"readOnly",void 0),sm([Yn({mode:"boolean"})],rm.prototype,"required",void 0),sm([Yn({converter:rs})],rm.prototype,"size",void 0),sm([Yn({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],rm.prototype,"spellcheck",void 0),sm([Yn],rm.prototype,"type",void 0),sm([Gn],rm.prototype,"control",void 0),sm([Gn],rm.prototype,"controlLabel",void 0);var am=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class lm extends rm{}am([Yn],lm.prototype,"appearance",void 0),am([Yn({attribute:"control-size"})],lm.prototype,"controlSize",void 0),Ca(lm,_i);const dm={...tm},cm={...om},hm={...im},um=[...nm],pm={search:"search"};var mm=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class vm extends lm{constructor(){super(...arguments),this.type=hm.text,this.clearButton=void 0}focus(){this.control.focus()}blur(){this.control.blur()}showClearButton(){this.clearButton&&(this.clearButton.style.display="inline-flex",this.clearButton.setAttribute("aria-hidden","false"))}hideClearButton(){this.clearButton&&(this.clearButton.style.display="none",this.clearButton.setAttribute("aria-hidden","true"))}currentValueChanged(e,t){this.value=t,this.clearButton&&this.value.length>0?this.showClearButton():this.hideClearButton()}clear(){this.value="",this.control.focus()}handleSubmit(){this.emitSearch()}emitSearch(){this.dispatchEvent(new CustomEvent(pm.search,{bubbles:!0,composed:!0,detail:{query:this.value}}))}handleKeydown(e){"Enter"===e.key&&this.currentValue&&this.handleSubmit()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}}mm([Gn],vm.prototype,"clearButton",void 0);const bm=es`
247
+ ::slotted([data-menu-list][popover]){inset-inline-start:auto;inset-inline-end:anchor(end)}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${T} solid ${V};border-start-end-radius:0;border-end-end-radius:0;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${T} solid
248
+ ${Je}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const Fm=es`<template ?open-on-hover="${e=>e.openOnHover}" ?open-on-context="${e=>e.openOnContext}" ?close-on-scroll="${e=>e.closeOnScroll}" ?persist-on-item-click="${e=>e.persistOnItemClick}" ?split="${e=>e.split}" menu-position="${e=>e.menuPosition}" @keydown="${(e,t)=>e.menuKeydownHandler(t.event)}"><slot name="primary-action"></slot><slot name="trigger" ${Jn({property:"slottedTriggers",filter:as()})}></slot><slot ${Jn({property:"slottedMenuList",filter:as()})}></slot></template>`,Hm=_m.compose({name:`${rr.prefix}-menu`,template:Fm,styles:Vm,shadowOptions:{mode:rr.shadowRootMode}});var jm=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Nm extends Yn{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.slottedOptions=[]}get options(){return this.slottedOptions.filter(e=>Ct(e))}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?"true":"false"}connectedCallback(){super.connectedCallback(),this.elementInternals.role="group"}labelChanged(e,t){this.elementInternals.ariaLabel=null!=t?t:null}}jm([Un],Nm.prototype,"label",void 0),jm([Un({mode:"boolean"})],Nm.prototype,"disabled",void 0),jm([Gn],Nm.prototype,"slottedOptions",void 0);const qm=ts`
249
+ :host{white-space:normal;display:block;font-family:${R}}:host([hidden]){display:none}.label{color:${w};font-size:${x};font-weight:${ce};line-height:${C};padding-block:${rt};padding-inline:${ae};user-select:none;cursor:default}:host([disabled]) .label{color:${$}}:host([disabled]) ::slotted(*){color:${$};background-color:${B};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${le}}`;const Xm=es`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Jn("slottedOptions")}></slot></div></template>`,Km=Nm.compose({name:`${rr.prefix}-option-group`,template:Xm,styles:qm,shadowOptions:{mode:rr.shadowRootMode}});class Wm extends xi{}const Ym=ts`
250
+ ${Ci}
251
+
252
+ :host{white-space:normal}`,Um=Wm.compose({name:`${rr.prefix}-progress-bar`,template:ki,styles:Ym,shadowOptions:{mode:rr.shadowRootMode}}),Gm={...Ii},Zm={...Ei},Qm={...Li};class Jm extends Si{}class eb extends Mi{slottedRadiosChanged(){this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof Jm)}}const tb={...Ti},ob=ts`
253
+ ${Pi}
254
+
255
+ :host{white-space:normal}`,ib=eb.compose({name:`${rr.prefix}-radio-group`,template:Ri,styles:ob,shadowOptions:{mode:rr.shadowRootMode}}),nb=ts`
256
+ ${zi}
257
+
258
+ :host{white-space:normal}`,sb=Jm.compose({name:`${rr.prefix}-radio`,template:Ai,styles:nb,shadowOptions:{mode:rr.shadowRootMode}});class rb extends Oi{}const ab=ts`
259
+ ${Di}
260
+
261
+ :host{white-space:normal}`,lb=rb.compose({name:`${rr.prefix}-rating-display`,template:Bi,styles:ab,shadowOptions:{mode:rr.shadowRootMode}}),db={..._i},cb={...Vi},hb={small:"small",medium:"medium",large:"large"},ub={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},pb={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},mb=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var bb=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class vb extends Yn{constructor(){super(...arguments),this.type=pb.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(e,t){this.value=t}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&(this.controlLabel.hidden=!(null==t?void 0:t.length))}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!t}`)}controlChanged(e,t){this.setValidity()}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return Qn.track(this,"value"),this.currentValue}set value(e){this.currentValue=e,this.$fastController.isConnected&&(this.control.value=null!=e?e:"",this.setFormValue(e),this.setValidity(),Qn.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(e){return"insertLineBreak"===e.inputType&&this.implicitSubmit(),!0}changeHandler(e){return this.setValidity(),this.$emit("change",e,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.click()),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(1===this.elementInternals.form.elements.length)return void this.elementInternals.form.requestSubmit();const e=Array.from(this.elementInternals.form.elements),t=e.find(e=>"submit"===e.getAttribute("type"));if(t)return void t.click();e.filter(e=>{var t;return mb.includes(null!==(t=e.getAttribute("type"))&&void 0!==t?t:"")}).length>1||this.elementInternals.form.requestSubmit()}inputHandler(e){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(e){return"Enter"===e.key&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,null!=e?e:t)}setValidity(e,t,o){if(this.$fastController.isConnected&&this.control){if(this.disabled)return void this.elementInternals.setValidity({});this.elementInternals.setValidity(null!=e?e:this.control.validity,null!=t?t:this.validationMessage,null!=o?o:this.control)}}}vb.formAssociated=!0,bb([Un],vb.prototype,"autocomplete",void 0),bb([Un({mode:"boolean"})],vb.prototype,"autofocus",void 0),bb([Un({attribute:"current-value"})],vb.prototype,"currentValue",void 0),bb([Gn],vb.prototype,"defaultSlottedNodes",void 0),bb([Un],vb.prototype,"dirname",void 0),bb([Un({mode:"boolean"})],vb.prototype,"disabled",void 0),bb([Un({attribute:"form"})],vb.prototype,"formAttribute",void 0),bb([Un({attribute:"value",mode:"fromView"})],vb.prototype,"initialValue",void 0),bb([Un],vb.prototype,"list",void 0),bb([Un({converter:ls})],vb.prototype,"maxlength",void 0),bb([Un({converter:ls})],vb.prototype,"minlength",void 0),bb([Un({mode:"boolean"})],vb.prototype,"multiple",void 0),bb([Un],vb.prototype,"name",void 0),bb([Un],vb.prototype,"pattern",void 0),bb([Un],vb.prototype,"placeholder",void 0),bb([Un({attribute:"readonly",mode:"boolean"})],vb.prototype,"readOnly",void 0),bb([Un({mode:"boolean"})],vb.prototype,"required",void 0),bb([Un({converter:ls})],vb.prototype,"size",void 0),bb([Un({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],vb.prototype,"spellcheck",void 0),bb([Un],vb.prototype,"type",void 0),bb([Gn],vb.prototype,"control",void 0),bb([Gn],vb.prototype,"controlLabel",void 0);var gb=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class fb extends vb{}gb([Un],fb.prototype,"appearance",void 0),gb([Un({attribute:"control-size"})],fb.prototype,"controlSize",void 0),Pa(fb,Fi);const wb={...hb},yb={...ub},$b={...pb},xb=[...mb],Cb={search:"search"};var kb=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ib extends fb{constructor(){super(...arguments),this.type=$b.text,this.clearButton=void 0}focus(){this.control.focus()}blur(){this.control.blur()}showClearButton(){this.clearButton&&(this.clearButton.style.display="inline-flex",this.clearButton.setAttribute("aria-hidden","false"))}hideClearButton(){this.clearButton&&(this.clearButton.style.display="none",this.clearButton.setAttribute("aria-hidden","true"))}currentValueChanged(e,t){this.value=t,this.clearButton&&this.value.length>0?this.showClearButton():this.hideClearButton()}clear(){this.value="",this.control.focus()}handleSubmit(){this.emitSearch()}emitSearch(){this.dispatchEvent(new CustomEvent(Cb.search,{bubbles:!0,composed:!0,detail:{query:this.value}}))}handleKeydown(e){"Enter"===e.key&&this.currentValue&&this.handleSubmit()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}}kb([Gn],Ib.prototype,"clearButton",void 0);const Eb=ts`
184
262
  ${u("block")}
185
263
 
186
- :host{font-family:${R};font-size:${de};font-weight:${he};line-height:${He}}.label{display:flex;color:${me};padding-bottom:${Mt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${P} solid ${_};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${L};padding:0 ${g};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${Fi}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${ut};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${ji}}.control{width:100%;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${qi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w};font-size:${E}}:host ::slotted([slot="start"]){padding-inline-end:${L}}:host ::slotted([slot="end"]){padding-inline-start:${L};gap:${f}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Xi}}:host(:active) .root{border-color:${U}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Ki}}:host(:focus-within:active) .root:after{border-bottom-color:${Wi}}:host([appearance="outline"]:focus-within) .root{border:${P} solid ${_}}:host(:focus-within) .control{color:${me}}:host([disabled]) .root{background:${y};border:${P} solid ${Qe}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}::selection{color:${Je};background-color:${We}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${L};padding:0 ${M}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${k}}:host([control-size="large"]) .control{font-size:${k};font-weight:${he};line-height:${I}}:host([control-size="large"]) .root{height:40px;gap:${v};padding:0 ${ae}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${Ne}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${P} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Xi}}:host([appearance="underline"]:active) .root{border-bottom-color:${Yi}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Yi}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${P} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Et}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${N}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${N};background:${Et}}`,gm=es`
187
- ${bm}
264
+ :host{white-space:normal;font-family:${R};font-size:${de};font-weight:${he};line-height:${Fe}}.label{display:flex;color:${me};padding-bottom:${rt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${T} solid ${V};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${S};padding:0 ${g};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${ji}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${vt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${qi}}.control{width:100%;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Xi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w};font-size:${E}}:host ::slotted([slot="start"]){padding-inline-end:${S}}:host ::slotted([slot="end"]){padding-inline-start:${S};gap:${f}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Ki}}:host(:active) .root{border-color:${G}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Wi}}:host(:focus-within:active) .root:after{border-bottom-color:${Yi}}:host([appearance="outline"]:focus-within) .root{border:${T} solid ${V}}:host(:focus-within) .control{color:${me}}:host([disabled]) .root{background:${y};border:${T} solid ${Qe}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}::selection{color:${Je};background-color:${We}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${S};padding:0 ${M}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${k}}:host([control-size="large"]) .control{font-size:${k};font-weight:${he};line-height:${I}}:host([control-size="large"]) .root{height:40px;gap:${b};padding:0 ${ae}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${je}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${T} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ki}}:host([appearance="underline"]:active) .root{border-bottom-color:${Ui}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Ui}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${T} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Tt}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${j}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${j};background:${Tt}}`,Lb=ts`
265
+ ${Eb}
188
266
 
189
- .root{padding-inline:${v};padding-inline-end:0px}:host([control-size="small"]) .root{padding-inline-end:0px}:host([control-size="large"]) .root{padding-inline:${g};padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${w}}fabric-button.clear-button{min-width:${o};min-height:${o};margin-inline-end:${f};padding:0px 2px;display:none}`;const fm=Jn`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${ts("controlLabel")}><slot ${Qn({property:"defaultSlottedNodes",filter:Ha})}></slot></label><span class="root"><span class="search-icon">${ac}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${ts("control")} /><fabric-button aria-label="${ls(()=>Is("SearchBox_Clear"))}" appearance="transparent" class="clear-button" aria-hidden="true" ${ts("clearButton")} @click="${e=>e.clear()}">${lc}</fabric-button><slot name="end"></slot></span></template>`,wm=Aa(Ra(vm.compose({name:`${nr.prefix}-search-box`,template:fm,styles:gm,shadowOptions:{mode:nr.shadowRootMode}})),Ra(kl));class ym extends Gi{}const $m={...Ui},xm={...Zi},Cm={...Qi},km={change:"change"};const Im=Jn`<template @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><slot name="start-label"></slot><div class="root"><div ${ts("track")} part="track-container" class="track" style="${e=>e.position}"></div><div ${ts("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @pointerdown="${(e,t)=>e.handleThumbPointerDown(t.event)}"><slot name="thumb"><div class="thumb"></div></slot></div></div><slot name="end-label"></slot></template>`,Em=es`
190
- :host([hidden]){display:none}:host{--thumb-size:${t};--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${Ji};--track-color:${Hi};--slider-direction:90deg;--border-radius:${p};--step-marker-inset:var(--track-overhang) -1px;display:inline-flex;align-items:center;gap:${v};position:relative;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:calc(${t} * 6);min-height:${e}}:host(:hover){--rail-color:${en}}:host(:active){--rail-color:${tn}}:host(:disabled){--rail-color:${$};--track-color:${ne}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host([size="small"]){--thumb-size:${l};--track-overhang:-1px;--track-size:2px;--border-radius:${ve};min-height:${i}}:host([orientation="vertical"]){--slider-direction:0deg;--step-marker-inset:-1px var(--track-overhang);flex-direction:column;min-height:unset;min-width:${e}}:host(:not([slot="input"]):focus-visible){box-shadow:0 0 0 2pt ${m};outline:1px solid ${on}}.root{display:inline-grid;position:relative;align-items:center;justify-content:center;flex:1 1 auto;min-width:calc(${t} * 6);min-height:${e};grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr
267
+ :host{white-space:normal}.root{padding-inline:${b};padding-inline-end:0px}:host([control-size="small"]) .root{padding-inline-end:0px}:host([control-size="large"]) .root{padding-inline:${g};padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${w}}fabric-button.clear-button{min-width:${o};min-height:${o};margin-inline-end:${f};padding:0px 2px;display:none}`;const Sb=es`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${os("controlLabel")}><slot ${Jn({property:"defaultSlottedNodes",filter:Ya})}></slot></label><span class="root"><span class="search-icon">${id}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${os("control")} /><fabric-button aria-label="${ss(()=>Es("SearchBox_Clear"))}" appearance="transparent" class="clear-button" aria-hidden="true" ${os("clearButton")} @click="${e=>e.clear()}">${nd}</fabric-button><slot name="end"></slot></span></template>`,Mb=Ha(Fa(Ib.compose({name:`${rr.prefix}-search-box`,template:Sb,styles:Lb,shadowOptions:{mode:rr.shadowRootMode}})),Fa(Ol));class Tb extends Gi{}const Pb={...Zi},Rb={...Qi},zb={...Ji},Ab={change:"change"};const Ob=es`<template @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><slot name="start-label"></slot><div class="root"><div ${os("track")} part="track-container" class="track" style="${e=>e.position}"></div><div ${os("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @pointerdown="${(e,t)=>e.handleThumbPointerDown(t.event)}"><slot name="thumb"><div class="thumb"></div></slot></div></div><slot name="end-label"></slot></template>`,Db=ts`
268
+ :host([hidden]){display:none}:host{--thumb-size:${t};--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${en};--track-color:${Hi};--slider-direction:90deg;--border-radius:${p};--step-marker-inset:var(--track-overhang) -1px;white-space:normal;display:inline-flex;align-items:center;gap:${b};position:relative;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:calc(${t} * 6);min-height:${e}}:host(:hover){--rail-color:${tn}}:host(:active){--rail-color:${on}}:host(:disabled){--rail-color:${$};--track-color:${ne}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host([size="small"]){--thumb-size:${l};--track-overhang:-1px;--track-size:2px;--border-radius:${be};min-height:${i}}:host([orientation="vertical"]){--slider-direction:0deg;--step-marker-inset:-1px var(--track-overhang);flex-direction:column;min-height:unset;min-width:${e}}:host(:not([slot="input"]):focus-visible){box-shadow:0 0 0 2pt ${m};outline:1px solid ${nn}}.root{display:inline-grid;position:relative;align-items:center;justify-content:center;flex:1 1 auto;min-width:calc(${t} * 6);min-height:${e};grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr
191
269
  var(--track-margin-inline)}:host([orientation="vertical"]) .root{min-height:calc(${t} * 6);min-width:${e};grid-template-rows:var(--track-margin-inline) 1fr
192
270
  var(--track-margin-inline);grid-template-columns:1fr var(--thumb-size) 1fr;justify-items:center;flex:1 1 auto;width:unset}:host([size="small"]) .root{min-height:${i}}.root::after{background-image:linear-gradient(
193
271
  var(--slider-direction),var(--rail-color) 0%,var(--rail-color) 50%,var(--track-color) 50.1%,var(--track-color) 100%
194
272
  );border-radius:var(--border-radius);content:"";grid-row:1 / -1;grid-column:1 / -1}.root::after,.track{height:var(--track-size);width:100%}:host([orientation="vertical"]) .root::after,:host([orientation="vertical"]) .track{height:100%;width:var(--track-size)}.track{position:relative;background-color:var(--track-color);grid-row:2 / 2;grid-column:2 / 2;forced-color-adjust:none;overflow:hidden}.track::before{content:"";position:absolute;height:100%;border-radius:inherit;inset-inline-start:0;width:var(--slider-progress)}:host(:dir(rtl)) .track::before{width:calc(100% - var(--slider-progress))}:host([orientation="vertical"]) .track::before{width:100%;bottom:0;height:var(--slider-progress)}:host([step]) .track::after{content:"";position:absolute;border-radius:inherit;inset:var(--step-marker-inset);background-image:repeating-linear-gradient(
195
273
  var(--slider-direction),${y} 0%,${y} calc(var(--step-rate) - 1px),${B} calc(var(--step-rate) - 1px),${B} var(--step-rate)
196
274
  )}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);inset-inline-start:var(--slider-thumb)}:host([orientation="vertical"]) .thumb-container{transform:translateY(50%);inset-inline-start:unset;bottom:var(--slider-thumb)}:host(:not(:active)) :is(.thumb-container,.track::before){transition:all 0.2s ease}@media (prefers-reduced-motion:reduce){:host(:not(:active)) :is(.thumb-container,.track::before){transition:none}}.thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:${ge};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${B}
197
- inset;border:calc(var(--thumb-size) * 0.05) solid ${_};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}::slotted([slot="start-label"]),::slotted([slot="end-label"]){font-size:${x};line-height:${C};color:${w};flex:0 0 auto;user-select:none}`.withBehaviors(ct(es`
198
- .track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`)),Sm=ym.compose({name:`${nr.prefix}-slider`,template:Im,styles:Em,shadowOptions:{mode:nr.shadowRootMode}}),Lm={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Mm={small:"small",medium:"medium"},Pm={rest:"rest",up:"up",down:"down"},zm={none:"none",min:"min",max:"max",both:"both"},Rm={change:"change",input:"input"};var Am=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Om extends Wn{constructor(){super(...arguments),this.appearance=Lm.outline,this.step=1,this.stepPage=1,this.spinState=Pm.rest,this.atBound=zm.none,this.elementInternals=this.attachInternals(),this._isEditing=!1,this._suppressChangeEvent=!1,this._valueBeforeKeyStep=null,this._value=null,this._displayValue=""}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&this.labelEl&&(this.labelEl.hidden=!(null==t?void 0:t.length))}get value(){return Zn.track(this,"value"),this._value}set value(e){this._value!==e&&(this._value=e,this.$fastController.isConnected&&(this.syncInputDisplay(),this.updateBoundState(),this.updateFormValue(),this.updateAriaValue(),Zn.notify(this,"value")))}get displayValue(){return Zn.track(this,"displayValue"),this._displayValue}set displayValue(e){this._displayValue!==e&&(this._displayValue=e,this.$fastController.isConnected&&(this.syncInputDisplay(),Zn.notify(this,"displayValue")))}get form(){return this.elementInternals.form}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get effectivePrecision(){var e;return null!==(e=this.precision)&&void 0!==e?e:function(e){if(!isFinite(e))return 0;const t=String(e),o=t.indexOf(".");return o<0?0:t.length-o-1}(this.step)}connectedCallback(){super.connectedCallback(),this.elementInternals.role="spinbutton",this.updateAriaValue(),this.updateBoundState(),this.updateFormValue(),this.syncInputDisplay()}formResetCallback(){this.value=null,this.displayValue=""}minChanged(){this.updateBoundState(),this.updateAriaValue()}maxChanged(){this.updateBoundState(),this.updateAriaValue()}disabledChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=this.disabled?"true":null)}requiredChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=this.required?"true":null)}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}inputHandler(){return this._isEditing=!0,this.$emit(Rm.input,void 0,{bubbles:!0,composed:!0}),!0}blurHandler(){this._isEditing&&this.commitInput(),this.spinState=Pm.rest}keydownHandler(e){if(this.disabled)return!0;switch(e.key){case"ArrowUp":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepUp();case"ArrowDown":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepDown();case"PageUp":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepUp(this.stepPage);case"PageDown":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepDown(this.stepPage);case"Enter":return void this.commitInput();case"Escape":return this._isEditing=!1,void this.syncInputDisplay();case"Home":return void(void 0!==this.min&&(e.preventDefault(),this.commitValue(this.min)));case"End":return void(void 0!==this.max&&(e.preventDefault(),this.commitValue(this.max)))}return!0}incrementHandler(){var e;this.disabled||(this.stepUp(),this.spinState=Pm.rest,null===(e=this.control)||void 0===e||e.focus())}decrementHandler(){var e;this.disabled||(this.stepDown(),this.spinState=Pm.rest,null===(e=this.control)||void 0===e||e.focus())}stepUp(e){var t;const o=null!=e?e:this.step,i=Fa(Na((null!==(t=this._value)&&void 0!==t?t:0)+o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=Pm.up}stepDown(e){var t;const o=null!=e?e:this.step,i=Fa(Na((null!==(t=this._value)&&void 0!==t?t:0)-o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=Pm.down}checkValidity(){return this.elementInternals.checkValidity()}setCustomValidity(e){e?this.elementInternals.setValidity({customError:!0},e,this.control):this.elementInternals.setValidity({})}setValidity(e,t,o){this.elementInternals.setValidity(e,t,null!=o?o:this.control)}keyupHandler(e){switch(e.key){case"ArrowUp":case"ArrowDown":case"PageUp":case"PageDown":return this.spinState=Pm.rest,this._suppressChangeEvent=!1,this._value!==this._valueBeforeKeyStep&&this.emitChangeEvent(),void(this._valueBeforeKeyStep=null)}return!0}commitInput(){var e,t,o;this._isEditing=!1;const i=null!==(o=null===(t=null===(e=this.control)||void 0===e?void 0:e.value)||void 0===t?void 0:t.trim())&&void 0!==o?o:"";if(""===i)return void this.commitValue(null);const n=parseFloat(i);isNaN(n)?this.syncInputDisplay():this.commitValue(n)}commitValue(e){const t=this._value;this.value=e,t===e||this._suppressChangeEvent||this.emitChangeEvent()}emitChangeEvent(){this.$emit(Rm.change,{value:this._value,displayValue:this._displayValue||(null!==this._value?String(this._value):"")},{bubbles:!0,composed:!0})}syncInputDisplay(){this.control&&!this._isEditing&&(this._displayValue?this.control.value=this._displayValue:null!==this._value?this.control.value=String(this._value):this.control.value="")}updateBoundState(){if(null===this._value)return void(this.atBound=zm.none);const e=void 0!==this.min&&this._value<=this.min,t=void 0!==this.max&&this._value>=this.max;this.atBound=e&&t?zm.both:e?zm.min:t?zm.max:zm.none}updateFormValue(){if(!this.$fastController.isConnected)return;const e=null!==this._value?String(this._value):null;this.elementInternals.setFormValue(e)}updateAriaValue(){this.$fastController.isConnected&&(this.elementInternals.ariaValueNow=null!==this._value?String(this._value):null,this.elementInternals.ariaValueMin=void 0!==this.min?String(this.min):null,this.elementInternals.ariaValueMax=void 0!==this.max?String(this.max):null)}}Om.formAssociated=!0,Am([Yn],Om.prototype,"appearance",void 0),Am([Yn({attribute:"control-size"})],Om.prototype,"controlSize",void 0),Am([Yn({converter:rs})],Om.prototype,"min",void 0),Am([Yn({converter:rs})],Om.prototype,"max",void 0),Am([Yn({converter:rs})],Om.prototype,"step",void 0),Am([Yn({attribute:"step-page",converter:rs})],Om.prototype,"stepPage",void 0),Am([Yn({converter:rs})],Om.prototype,"precision",void 0),Am([Yn({mode:"boolean"})],Om.prototype,"disabled",void 0),Am([Yn],Om.prototype,"name",void 0),Am([Yn({mode:"boolean"})],Om.prototype,"required",void 0),Am([Yn],Om.prototype,"placeholder",void 0),Am([Yn({mode:"boolean"})],Om.prototype,"error",void 0),Am([Gn],Om.prototype,"defaultSlottedNodes",void 0),Am([Gn],Om.prototype,"labelEl",void 0),Am([Gn],Om.prototype,"control",void 0),Am([Gn],Om.prototype,"spinState",void 0),Am([Gn],Om.prototype,"atBound",void 0);const Tm=es`
275
+ inset;border:calc(var(--thumb-size) * 0.05) solid ${V};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}::slotted([slot="start-label"]),::slotted([slot="end-label"]){font-size:${x};line-height:${C};color:${w};flex:0 0 auto;user-select:none}`.withBehaviors(bt(ts`
276
+ .track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`)),Bb=Tb.compose({name:`${rr.prefix}-slider`,template:Ob,styles:Db,shadowOptions:{mode:rr.shadowRootMode}}),_b={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Vb={small:"small",medium:"medium"},Fb={rest:"rest",up:"up",down:"down"},Hb={none:"none",min:"min",max:"max",both:"both"},jb={change:"change",input:"input"};var Nb=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class qb extends Yn{constructor(){super(...arguments),this.appearance=_b.outline,this.step=1,this.stepPage=1,this.spinState=Fb.rest,this.atBound=Hb.none,this.elementInternals=this.attachInternals(),this._isEditing=!1,this._suppressChangeEvent=!1,this._valueBeforeKeyStep=null,this._value=null,this._displayValue=""}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&this.labelEl&&(this.labelEl.hidden=!(null==t?void 0:t.length))}get value(){return Qn.track(this,"value"),this._value}set value(e){this._value!==e&&(this._value=e,this.$fastController.isConnected&&(this.syncInputDisplay(),this.updateBoundState(),this.updateFormValue(),this.updateAriaValue(),Qn.notify(this,"value")))}get displayValue(){return Qn.track(this,"displayValue"),this._displayValue}set displayValue(e){this._displayValue!==e&&(this._displayValue=e,this.$fastController.isConnected&&(this.syncInputDisplay(),Qn.notify(this,"displayValue")))}get form(){return this.elementInternals.form}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get effectivePrecision(){var e;return null!==(e=this.precision)&&void 0!==e?e:function(e){if(!isFinite(e))return 0;const t=String(e),o=t.indexOf(".");return o<0?0:t.length-o-1}(this.step)}connectedCallback(){super.connectedCallback(),this.elementInternals.role="spinbutton",this.updateAriaValue(),this.updateBoundState(),this.updateFormValue(),this.syncInputDisplay()}formResetCallback(){this.value=null,this.displayValue=""}minChanged(){this.updateBoundState(),this.updateAriaValue()}maxChanged(){this.updateBoundState(),this.updateAriaValue()}disabledChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=this.disabled?"true":null)}requiredChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=this.required?"true":null)}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}inputHandler(){return this._isEditing=!0,this.$emit(jb.input,void 0,{bubbles:!0,composed:!0}),!0}blurHandler(){this._isEditing&&this.commitInput(),this.spinState=Fb.rest}keydownHandler(e){if(this.disabled)return!0;switch(e.key){case"ArrowUp":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepUp();case"ArrowDown":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepDown();case"PageUp":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepUp(this.stepPage);case"PageDown":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepDown(this.stepPage);case"Enter":return void this.commitInput();case"Escape":return this._isEditing=!1,void this.syncInputDisplay();case"Home":return void(void 0!==this.min&&(e.preventDefault(),this.commitValue(this.min)));case"End":return void(void 0!==this.max&&(e.preventDefault(),this.commitValue(this.max)))}return!0}incrementHandler(){var e;this.disabled||(this.stepUp(),this.spinState=Fb.rest,null===(e=this.control)||void 0===e||e.focus())}decrementHandler(){var e;this.disabled||(this.stepDown(),this.spinState=Fb.rest,null===(e=this.control)||void 0===e||e.focus())}stepUp(e){var t;const o=null!=e?e:this.step,i=Ua(Ga((null!==(t=this._value)&&void 0!==t?t:0)+o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=Fb.up}stepDown(e){var t;const o=null!=e?e:this.step,i=Ua(Ga((null!==(t=this._value)&&void 0!==t?t:0)-o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=Fb.down}checkValidity(){return this.elementInternals.checkValidity()}setCustomValidity(e){e?this.elementInternals.setValidity({customError:!0},e,this.control):this.elementInternals.setValidity({})}setValidity(e,t,o){this.elementInternals.setValidity(e,t,null!=o?o:this.control)}keyupHandler(e){switch(e.key){case"ArrowUp":case"ArrowDown":case"PageUp":case"PageDown":return this.spinState=Fb.rest,this._suppressChangeEvent=!1,this._value!==this._valueBeforeKeyStep&&this.emitChangeEvent(),void(this._valueBeforeKeyStep=null)}return!0}commitInput(){var e,t,o;this._isEditing=!1;const i=null!==(o=null===(t=null===(e=this.control)||void 0===e?void 0:e.value)||void 0===t?void 0:t.trim())&&void 0!==o?o:"";if(""===i)return void this.commitValue(null);const n=parseFloat(i);isNaN(n)?this.syncInputDisplay():this.commitValue(n)}commitValue(e){const t=this._value;this.value=e,t===e||this._suppressChangeEvent||this.emitChangeEvent()}emitChangeEvent(){this.$emit(jb.change,{value:this._value,displayValue:this._displayValue||(null!==this._value?String(this._value):"")},{bubbles:!0,composed:!0})}syncInputDisplay(){this.control&&!this._isEditing&&(this._displayValue?this.control.value=this._displayValue:null!==this._value?this.control.value=String(this._value):this.control.value="")}updateBoundState(){if(null===this._value)return void(this.atBound=Hb.none);const e=void 0!==this.min&&this._value<=this.min,t=void 0!==this.max&&this._value>=this.max;this.atBound=e&&t?Hb.both:e?Hb.min:t?Hb.max:Hb.none}updateFormValue(){if(!this.$fastController.isConnected)return;const e=null!==this._value?String(this._value):null;this.elementInternals.setFormValue(e)}updateAriaValue(){this.$fastController.isConnected&&(this.elementInternals.ariaValueNow=null!==this._value?String(this._value):null,this.elementInternals.ariaValueMin=void 0!==this.min?String(this.min):null,this.elementInternals.ariaValueMax=void 0!==this.max?String(this.max):null)}}qb.formAssociated=!0,Nb([Un],qb.prototype,"appearance",void 0),Nb([Un({attribute:"control-size"})],qb.prototype,"controlSize",void 0),Nb([Un({converter:ls})],qb.prototype,"min",void 0),Nb([Un({converter:ls})],qb.prototype,"max",void 0),Nb([Un({converter:ls})],qb.prototype,"step",void 0),Nb([Un({attribute:"step-page",converter:ls})],qb.prototype,"stepPage",void 0),Nb([Un({converter:ls})],qb.prototype,"precision",void 0),Nb([Un({mode:"boolean"})],qb.prototype,"disabled",void 0),Nb([Un],qb.prototype,"name",void 0),Nb([Un({mode:"boolean"})],qb.prototype,"required",void 0),Nb([Un],qb.prototype,"placeholder",void 0),Nb([Un({mode:"boolean"})],qb.prototype,"error",void 0),Nb([Gn],qb.prototype,"defaultSlottedNodes",void 0),Nb([Gn],qb.prototype,"labelEl",void 0),Nb([Gn],qb.prototype,"control",void 0),Nb([Gn],qb.prototype,"spinState",void 0),Nb([Gn],qb.prototype,"atBound",void 0);const Xb=ts`
199
277
  ${u("block")}
200
278
 
201
- :host{font-family:${R};font-size:${de};font-weight:${he};line-height:${He};max-width:400px;}.label{display:flex;color:${me};padding-bottom:${Mt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${P} solid ${_};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${L};padding:0 0 0 ${g};position:relative;width:100%}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${ut};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${ji}}.control{flex:1;min-width:0;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};line-height:${He};border:none;padding:0;text-align:start}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${qi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w}}:host ::slotted([slot="start"]){padding-inline-end:${L}}:host ::slotted([slot="end"]){padding-inline-start:${L}}.buttons{display:flex;flex-direction:column;height:100%;flex-shrink:0}.increment-button,.decrement-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:${y};color:${w};cursor:pointer;padding:0 ${M};flex:1;min-height:0;box-sizing:border-box}.increment-button{justify-content:flex-end;border-start-end-radius:${p}}.decrement-button{justify-content:flex-start;border-end-end-radius:${p}}.increment-button:hover,.decrement-button:hover{background:${Et}}.increment-button:active,.increment-button.pressed,.decrement-button:active,.decrement-button.pressed{color:${me};background:${nn}}.increment-button:disabled,.decrement-button:disabled{color:${$};cursor:not-allowed;background:${y}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Xi}}:host(:active) .root{border-color:${U}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Ki}}:host(:focus-within:active) .root::after{border-bottom-color:${Wi}}:host(:focus-within) .root{border:${P} solid ${_}}:host([disabled]) .root{background:${y};border:${P} solid ${Qe}}:host([disabled]) .control,:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${L};padding:0 0 0 ${M}}.root.error,:host(:hover) .root.error,:host(:active) .root.error,:host(:focus-within) .root.error{border:${P} solid ${sn}}:host(:has(.control:user-invalid)) .root{border:${P} solid ${sn}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${P} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Xi}}:host([appearance="underline"]:active) .root{border-bottom-color:${Yi}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Yi}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${P} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Et}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${N}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${N};background:${Et}}`,Dm=Jn`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 1 0 .7-.7l-3.5-3.5a.5.5 0 0 0-.7 0l-3.5 3.5a.5.5 0 0 0 0 .7Z" /></svg>`,Bm=Jn`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 1 1 .7.7l-3.5 3.5a.5.5 0 0 1-.7 0l-3.5-3.5a.5.5 0 0 1 0-.7Z" /></svg>`;const Vm=Jn`<template @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><label class="label" ${ts("labelEl")}><slot ${Qn({property:"defaultSlottedNodes",filter:Ha})}></slot></label><div class="root ${e=>e.error?"error":""}"><slot name="start"></slot><input class="control" id="control" type="text" inputmode="decimal" ?disabled="${e=>e.disabled}" ?required="${e=>e.required}" placeholder="${e=>e.placeholder}" @input="${e=>e.inputHandler()}" @blur="${e=>e.blurHandler()}" ${ts("control")} /><slot name="end"></slot><div class="buttons"><button aria-role="button" class="increment-button ${e=>"up"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.incrementHandler()}">${Dm}</button><button aria-role="button" class="decrement-button ${e=>"down"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.decrementHandler()}">${Bm}</button></div></div></template>`,_m=Om.compose({name:`${nr.prefix}-spin-button`,template:Vm,styles:Tm,shadowOptions:{mode:nr.shadowRootMode}});class Hm extends rn{}const Fm=Hm.compose({name:`${nr.prefix}-switch`,template:ln,styles:an,shadowOptions:{mode:nr.shadowRootMode}});class Nm extends dn{}const jm=Nm.compose({name:`${nr.prefix}-tab`,template:hn,styles:cn,shadowOptions:{mode:nr.shadowRootMode}}),qm={...un},Xm={...pn},Km={...mn},Wm={activeIndexChange:"active-index-change",change:"change"};class Ym extends vn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Wm.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const Gm=Ym.compose({name:`${nr.prefix}-tablist`,template:gn,styles:bn,shadowOptions:{mode:nr.shadowRootMode}});class Um extends fn{}const Zm=Um.compose({name:`${nr.prefix}-textarea`,template:yn,styles:wn,shadowOptions:{mode:nr.shadowRootMode}}),Qm={...$n},Jm={...Cn},ev={...kn},tv={...In},ov=[...xn];const iv=Jn`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${ts("controlLabel")}><slot ${Qn({property:"defaultSlottedNodes",filter:Ha})}></slot></label><div class="root" part="root"><slot name="start"></slot><input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${ts("control")} /><slot name="end"></slot></div></template>`,nv=lm.compose({name:`${nr.prefix}-text-input`,template:iv,styles:bm,shadowOptions:{mode:nr.shadowRootMode}});class sv extends En{}const rv=sv.compose({name:`${nr.prefix}-text`,template:Ln,styles:Sn,shadowOptions:{mode:nr.shadowRootMode}}),av={...Mn},lv={...Pn},dv={...zn},cv={...Rn};class hv extends An{clickHandler(e){if(e.defaultPrevented)return;const t=this.findClosestTreeItem(e.target);if(!t)return!0;t.toggleExpansion(),this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),t.selected=!0,this.currentSelected=t}findClosestTreeItem(e){var t;let o=e;for(;o&&o!==this;){if(null===(t=o.tagName)||void 0===t?void 0:t.toLowerCase().endsWith("-tree-item"))return o;o=o.parentElement}}}const uv=hv.compose({name:`${nr.prefix}-tree`,template:Tn,styles:On,shadowOptions:{mode:nr.shadowRootMode}});class pv extends Dn{constructor(){super(...arguments),this.isObservingResize=!1}get textEl(){return this._textEl}set textEl(e){this._textEl!==e&&(this.stopResizeObserving(),this._textEl=e,this.isConnected&&this.syncTitle())}connectedCallback(){super.connectedCallback(),this.titleObserver=new MutationObserver(()=>this.syncTitle()),this.titleObserver.observe(this,{attributes:!0,attributeFilter:["title"]}),this.syncTitle()}disconnectedCallback(){var e;super.disconnectedCallback(),this.stopResizeObserving(),null===(e=this.titleObserver)||void 0===e||e.disconnect(),this.titleObserver=void 0}syncTitle(){const e=this._textEl;e&&(this.hasAttribute("title")?(this.stopResizeObserving(),e.title=this.title):(this.startResizeObserving(),e.title=e.scrollWidth>e.clientWidth?this.getSlottedText(e):""))}getSlottedText(e){var t,o;const i=e.querySelector("slot");return i?i.assignedNodes({flatten:!0}).map(e=>{var t;return null!==(t=e.textContent)&&void 0!==t?t:""}).join(" ").replace(/\s+/g," ").trim():null!==(o=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==o?o:""}startResizeObserving(){!this.isObservingResize&&this._textEl&&(pv.observedItems.set(this._textEl,this),pv.sharedResizeObserver.observe(this._textEl),this.isObservingResize=!0)}stopResizeObserving(){this.isObservingResize&&this._textEl&&(pv.sharedResizeObserver.unobserve(this._textEl),pv.observedItems.delete(this._textEl),this.isObservingResize=!1)}}pv.observedItems=new WeakMap,pv.sharedResizeObserver=new ResizeObserver(e=>{var t;for(const o of e)null===(t=pv.observedItems.get(o.target))||void 0===t||t.syncTitle()});const mv=Jn.partial('<svg viewBox="0 0 12 12" fill="currentColor"><path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"></path></svg>'),vv=Jn`<template slot="${e=>e.isNestedItem?"item":void 0}"><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron" aria-hidden="true"><slot name="chevron">${mv}</slot></span><slot name="start"></slot><div class="text" ${ts("textEl")}><slot></slot></div><slot name="end"></slot></div><div class="aside" part="aside"><slot name="aside"></slot></div></div><div role="group" class="items" part="items"><slot name="item" ${ts("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,bv=es`
202
- ${Bn}
279
+ :host{white-space:normal;font-family:${R};font-size:${de};font-weight:${he};line-height:${Fe};max-width:400px;}.label{display:flex;color:${me};padding-bottom:${rt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${T} solid ${V};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${S};padding:0 0 0 ${g};position:relative;width:100%}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${vt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${qi}}.control{flex:1;min-width:0;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};line-height:${Fe};border:none;padding:0;text-align:start}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Xi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w}}:host ::slotted([slot="start"]){padding-inline-end:${S}}:host ::slotted([slot="end"]){padding-inline-start:${S}}.buttons{display:flex;flex-direction:column;height:100%;flex-shrink:0}.increment-button,.decrement-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:${y};color:${w};cursor:pointer;padding:0 ${M};flex:1;min-height:0;box-sizing:border-box}.increment-button{justify-content:flex-end;border-start-end-radius:${p}}.decrement-button{justify-content:flex-start;border-end-end-radius:${p}}.increment-button:hover,.decrement-button:hover{background:${Tt}}.increment-button:active,.increment-button.pressed,.decrement-button:active,.decrement-button.pressed{color:${me};background:${sn}}.increment-button:disabled,.decrement-button:disabled{color:${$};cursor:not-allowed;background:${y}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Ki}}:host(:active) .root{border-color:${G}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Wi}}:host(:focus-within:active) .root::after{border-bottom-color:${Yi}}:host(:focus-within) .root{border:${T} solid ${V}}:host([disabled]) .root{background:${y};border:${T} solid ${Qe}}:host([disabled]) .control,:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${S};padding:0 0 0 ${M}}.root.error,:host(:hover) .root.error,:host(:active) .root.error,:host(:focus-within) .root.error{border:${T} solid ${rn}}:host(:has(.control:user-invalid)) .root{border:${T} solid ${rn}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${T} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ki}}:host([appearance="underline"]:active) .root{border-bottom-color:${Ui}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Ui}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${T} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Tt}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${j}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${j};background:${Tt}}`,Kb=es`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 1 0 .7-.7l-3.5-3.5a.5.5 0 0 0-.7 0l-3.5 3.5a.5.5 0 0 0 0 .7Z" /></svg>`,Wb=es`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 1 1 .7.7l-3.5 3.5a.5.5 0 0 1-.7 0l-3.5-3.5a.5.5 0 0 1 0-.7Z" /></svg>`;const Yb=es`<template @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><label class="label" ${os("labelEl")}><slot ${Jn({property:"defaultSlottedNodes",filter:Ya})}></slot></label><div class="root ${e=>e.error?"error":""}"><slot name="start"></slot><input class="control" id="control" type="text" inputmode="decimal" ?disabled="${e=>e.disabled}" ?required="${e=>e.required}" placeholder="${e=>e.placeholder}" @input="${e=>e.inputHandler()}" @blur="${e=>e.blurHandler()}" ${os("control")} /><slot name="end"></slot><div class="buttons"><button aria-role="button" class="increment-button ${e=>"up"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.incrementHandler()}">${Kb}</button><button aria-role="button" class="decrement-button ${e=>"down"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.decrementHandler()}">${Wb}</button></div></div></template>`,Ub=qb.compose({name:`${rr.prefix}-spin-button`,template:Yb,styles:Xb,shadowOptions:{mode:rr.shadowRootMode}});class Gb extends an{}const Zb=ts`
280
+ ${ln}
281
+
282
+ :host{white-space:normal}`,Qb=Gb.compose({name:`${rr.prefix}-switch`,template:dn,styles:Zb,shadowOptions:{mode:rr.shadowRootMode}});class Jb extends cn{}const ev=ts`
283
+ ${hn}
284
+
285
+ :host{white-space:normal}`,tv=Jb.compose({name:`${rr.prefix}-tab`,template:un,styles:ev,shadowOptions:{mode:rr.shadowRootMode}}),ov={...pn},iv={...mn},nv={...bn},sv={activeIndexChange:"active-index-change",change:"change"};class rv extends vn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(sv.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const av=ts`
286
+ ${gn}
287
+
288
+ :host{white-space:normal}`,lv=rv.compose({name:`${rr.prefix}-tablist`,template:fn,styles:av,shadowOptions:{mode:rr.shadowRootMode}});class dv extends wn{}const cv=ts`
289
+ ${yn}
290
+
291
+ :host{white-space:normal}`,hv=dv.compose({name:`${rr.prefix}-textarea`,template:$n,styles:cv,shadowOptions:{mode:rr.shadowRootMode}}),uv={...xn},pv={...kn},mv={...In},bv={...En},vv=[...Cn];const gv=es`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${os("controlLabel")}><slot ${Jn({property:"defaultSlottedNodes",filter:Ya})}></slot></label><div class="root" part="root"><slot name="start"></slot><input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${os("control")} /><slot name="end"></slot></div></template>`,fv=fb.compose({name:`${rr.prefix}-text-input`,template:gv,styles:Eb,shadowOptions:{mode:rr.shadowRootMode}});class wv extends Ln{}const yv=ts`
292
+ ${Sn}
293
+
294
+ :host{white-space:normal}`,$v=wv.compose({name:`${rr.prefix}-text`,template:Mn,styles:yv,shadowOptions:{mode:rr.shadowRootMode}}),xv={...Tn},Cv={...Pn},kv={...Rn},Iv={...zn};class Ev extends An{clickHandler(e){if(e.defaultPrevented)return;const t=this.findClosestTreeItem(e.target);if(!t)return!0;t.toggleExpansion(),this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),t.selected=!0,this.currentSelected=t}findClosestTreeItem(e){var t;let o=e;for(;o&&o!==this;){if(null===(t=o.tagName)||void 0===t?void 0:t.toLowerCase().endsWith("-tree-item"))return o;o=o.parentElement}}}const Lv=ts`
295
+ ${On}
296
+
297
+ :host{white-space:normal}`,Sv=Ev.compose({name:`${rr.prefix}-tree`,template:Dn,styles:Lv,shadowOptions:{mode:rr.shadowRootMode}});class Mv extends Bn{constructor(){super(...arguments),this.isObservingResize=!1}get textEl(){return this._textEl}set textEl(e){this._textEl!==e&&(this.stopResizeObserving(),this._textEl=e,this.isConnected&&this.syncTitle())}connectedCallback(){super.connectedCallback(),this.titleObserver=new MutationObserver(()=>this.syncTitle()),this.titleObserver.observe(this,{attributes:!0,attributeFilter:["title"]}),this.syncTitle()}disconnectedCallback(){var e;super.disconnectedCallback(),this.stopResizeObserving(),null===(e=this.titleObserver)||void 0===e||e.disconnect(),this.titleObserver=void 0}syncTitle(){const e=this._textEl;e&&(this.hasAttribute("title")?(this.stopResizeObserving(),e.title=this.title):(this.startResizeObserving(),e.title=e.scrollWidth>e.clientWidth?this.getSlottedText(e):""))}getSlottedText(e){var t,o;const i=e.querySelector("slot");return i?i.assignedNodes({flatten:!0}).map(e=>{var t;return null!==(t=e.textContent)&&void 0!==t?t:""}).join(" ").replace(/\s+/g," ").trim():null!==(o=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==o?o:""}startResizeObserving(){!this.isObservingResize&&this._textEl&&(Mv.observedItems.set(this._textEl,this),Mv.sharedResizeObserver.observe(this._textEl),this.isObservingResize=!0)}stopResizeObserving(){this.isObservingResize&&this._textEl&&(Mv.sharedResizeObserver.unobserve(this._textEl),Mv.observedItems.delete(this._textEl),this.isObservingResize=!1)}}Mv.observedItems=new WeakMap,Mv.sharedResizeObserver=new ResizeObserver(e=>{var t;for(const o of e)null===(t=Mv.observedItems.get(o.target))||void 0===t||t.syncTitle()});const Tv=es.partial('<svg viewBox="0 0 12 12" fill="currentColor"><path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"></path></svg>'),Pv=es`<template slot="${e=>e.isNestedItem?"item":void 0}"><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron" aria-hidden="true"><slot name="chevron">${Tv}</slot></span><slot name="start"></slot><div class="text" ${os("textEl")}><slot></slot></div><slot name="end"></slot></div><div class="aside" part="aside"><slot name="aside"></slot></div></div><div role="group" class="items" part="items"><slot name="item" ${os("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,Rv=ts`
298
+ ${_n}
299
+
300
+ :host{white-space:normal}.content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,zv=Mv.compose({name:`${rr.prefix}-tree-item`,template:Pv,styles:Rv,shadowOptions:{mode:rr.shadowRootMode}});class Av extends Vn{}const Ov={...Fn},Dv={...Hn},Bv={...jn},_v={...Se},Vv={...Ie},Fv=ts`
301
+ ${ui}
302
+
303
+ :host{white-space:normal}`,Hv=Av.compose({name:`${rr.prefix}-toggle-button`,template:Nn,styles:Fv,shadowOptions:{mode:rr.shadowRootMode}});class jv extends qn{constructor(){super(...arguments),this.anchorListenerTarget=null,this._ownedAnchorName=!1,this._popoverAncestor=null,this.handleKeydown=e=>{e.key===ws&&this.hideImmediately()},this.handleAncestorToggle=e=>{"newState"in e&&"closed"===e.newState&&this.hideImmediately()}}anchorChanged(){if(this.detachAnchorListeners(),!this.isConnected)return;const e=this.resolvedAnchorElement;if(!e)return;this.anchorListenerTarget=e,this.addDescribedBy(e),e.addEventListener("focus",this.focusAnchorHandler),e.addEventListener("blur",this.blurAnchorHandler),e.addEventListener("mouseenter",this.mouseenterAnchorHandler),e.addEventListener("mouseleave",this.mouseleaveAnchorHandler);const t=e.style.getPropertyValue("anchor-name"),o=t||`--${this.anchor}`;this._ownedAnchorName=!t,e.style.setProperty("anchor-name",o),this.style.setProperty("position-anchor",o)}connectedCallback(){const e=this.resolvedAnchorElement,t=!!(null==e?void 0:e.style.getPropertyValue("anchor-name"));super.connectedCallback(),this.anchorListenerTarget=e,e&&(this._ownedAnchorName=!t)}disconnectedCallback(){super.disconnectedCallback(),this.detachAnchorListeners(),this.clearTimers(),this.removePopoverToggleListener(),document.removeEventListener("keydown",this.handleKeydown)}detachAnchorListeners(){this.anchorListenerTarget&&(this.anchorListenerTarget.removeEventListener("focus",this.focusAnchorHandler),this.anchorListenerTarget.removeEventListener("blur",this.blurAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseleave",this.mouseleaveAnchorHandler),this.removeDescribedBy(this.anchorListenerTarget),this._ownedAnchorName&&(this.anchorListenerTarget.style.removeProperty("anchor-name"),this._ownedAnchorName=!1),this.style.removeProperty("position-anchor"),this.anchorListenerTarget=null)}get resolvedAnchorElement(){var e;const t=this.getRootNode();return(t instanceof ShadowRoot||t instanceof Document?t:document).getElementById(null!==(e=this.anchor)&&void 0!==e?e:"")}addDescribedBy(e){var t,o;this.id||(this.id=ys("tooltip-"));const i=null!==(o=null===(t=e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(/\s+/).filter(Boolean))&&void 0!==o?o:[];i.includes(this.id)||(i.push(this.id),e.setAttribute("aria-describedby",i.join(" ")))}removeDescribedBy(e){var t;const o=e.getAttribute("aria-describedby"),i=null!==(t=null==o?void 0:o.split(/\s+/).filter(e=>e!==this.id&&Boolean(e)))&&void 0!==t?t:[];i.length>0?e.setAttribute("aria-describedby",i.join(" ")):e.removeAttribute("aria-describedby")}clearTimers(){clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}hideImmediately(){this.clearTimers(),this.removePopoverToggleListener(),this.setAttribute("aria-hidden","true");try{this.hidePopover()}catch{}document.removeEventListener("keydown",this.handleKeydown)}addPopoverToggleListener(){var e;this.removePopoverToggleListener();const t=null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.closest("[popover]");t instanceof HTMLElement&&(this._popoverAncestor=t,t.addEventListener("beforetoggle",this.handleAncestorToggle))}removePopoverToggleListener(){this._popoverAncestor&&(this._popoverAncestor.removeEventListener("beforetoggle",this.handleAncestorToggle),this._popoverAncestor=null)}showTooltip(e){var t;this.clearTimers(),this.addPopoverToggleListener();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:jv.DEFAULT_DELAY;this.showTimer=setTimeout(()=>{this.showTimer=void 0,this.setAttribute("aria-hidden","false"),this.showPopover(),document.addEventListener("keydown",this.handleKeydown)},o)}hideTooltip(e){var t;this.clearTimers();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:jv.DEFAULT_DELAY;this.hideTimer=setTimeout(()=>{var e;this.hideTimer=void 0,this.matches(":hover")||(null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.matches(":hover"))?this.hideTooltip(o):(this.removePopoverToggleListener(),this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))},o)}}jv.DEFAULT_DELAY=250;const Nv=ts`
304
+ ${Xn}
203
305
 
204
- .content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,gv=pv.compose({name:`${nr.prefix}-tree-item`,template:vv,styles:bv,shadowOptions:{mode:nr.shadowRootMode}});class fv extends Vn{}const wv={..._n},yv={...Hn},$v={...Fn},xv={...Le},Cv={...Ie},kv=fv.compose({name:`${nr.prefix}-toggle-button`,template:Nn,styles:hi,shadowOptions:{mode:nr.shadowRootMode}});class Iv extends jn{constructor(){super(...arguments),this.anchorListenerTarget=null,this._ownedAnchorName=!1,this._popoverAncestor=null,this.handleKeydown=e=>{e.key===fs&&this.hideImmediately()},this.handleAncestorToggle=e=>{"newState"in e&&"closed"===e.newState&&this.hideImmediately()}}anchorChanged(){if(this.detachAnchorListeners(),!this.isConnected)return;const e=this.resolvedAnchorElement;if(!e)return;this.anchorListenerTarget=e,this.addDescribedBy(e),e.addEventListener("focus",this.focusAnchorHandler),e.addEventListener("blur",this.blurAnchorHandler),e.addEventListener("mouseenter",this.mouseenterAnchorHandler),e.addEventListener("mouseleave",this.mouseleaveAnchorHandler);const t=e.style.getPropertyValue("anchor-name"),o=t||`--${this.anchor}`;this._ownedAnchorName=!t,e.style.setProperty("anchor-name",o),this.style.setProperty("position-anchor",o)}connectedCallback(){const e=this.resolvedAnchorElement,t=!!(null==e?void 0:e.style.getPropertyValue("anchor-name"));super.connectedCallback(),this.anchorListenerTarget=e,e&&(this._ownedAnchorName=!t)}disconnectedCallback(){super.disconnectedCallback(),this.detachAnchorListeners(),this.clearTimers(),this.removePopoverToggleListener(),document.removeEventListener("keydown",this.handleKeydown)}detachAnchorListeners(){this.anchorListenerTarget&&(this.anchorListenerTarget.removeEventListener("focus",this.focusAnchorHandler),this.anchorListenerTarget.removeEventListener("blur",this.blurAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseleave",this.mouseleaveAnchorHandler),this.removeDescribedBy(this.anchorListenerTarget),this._ownedAnchorName&&(this.anchorListenerTarget.style.removeProperty("anchor-name"),this._ownedAnchorName=!1),this.style.removeProperty("position-anchor"),this.anchorListenerTarget=null)}get resolvedAnchorElement(){var e;const t=this.getRootNode();return(t instanceof ShadowRoot||t instanceof Document?t:document).getElementById(null!==(e=this.anchor)&&void 0!==e?e:"")}addDescribedBy(e){var t,o;this.id||(this.id=ws("tooltip-"));const i=null!==(o=null===(t=e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(/\s+/).filter(Boolean))&&void 0!==o?o:[];i.includes(this.id)||(i.push(this.id),e.setAttribute("aria-describedby",i.join(" ")))}removeDescribedBy(e){var t;const o=e.getAttribute("aria-describedby"),i=null!==(t=null==o?void 0:o.split(/\s+/).filter(e=>e!==this.id&&Boolean(e)))&&void 0!==t?t:[];i.length>0?e.setAttribute("aria-describedby",i.join(" ")):e.removeAttribute("aria-describedby")}clearTimers(){clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}hideImmediately(){this.clearTimers(),this.removePopoverToggleListener(),this.setAttribute("aria-hidden","true");try{this.hidePopover()}catch{}document.removeEventListener("keydown",this.handleKeydown)}addPopoverToggleListener(){var e;this.removePopoverToggleListener();const t=null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.closest("[popover]");t instanceof HTMLElement&&(this._popoverAncestor=t,t.addEventListener("beforetoggle",this.handleAncestorToggle))}removePopoverToggleListener(){this._popoverAncestor&&(this._popoverAncestor.removeEventListener("beforetoggle",this.handleAncestorToggle),this._popoverAncestor=null)}showTooltip(e){var t;this.clearTimers(),this.addPopoverToggleListener();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Iv.DEFAULT_DELAY;this.showTimer=setTimeout(()=>{this.showTimer=void 0,this.setAttribute("aria-hidden","false"),this.showPopover(),document.addEventListener("keydown",this.handleKeydown)},o)}hideTooltip(e){var t;this.clearTimers();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Iv.DEFAULT_DELAY;this.hideTimer=setTimeout(()=>{var e;this.hideTimer=void 0,this.matches(":hover")||(null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.matches(":hover"))?this.hideTooltip(o):(this.removePopoverToggleListener(),this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))},o)}}Iv.DEFAULT_DELAY=250;const Ev=Iv.compose({name:`${nr.prefix}-tooltip`,template:Xn,styles:qn,shadowOptions:{mode:nr.shadowRootMode}}),Sv={...Kn};export{Hh as Accordion,Fh as AccordionDefinition,Nh as AccordionExpandModes,Dh as AccordionItem,_h as AccordionItemDefinition,Vh as AccordionItemMarkerPositions,Bh as AccordionItemSizes,tr as AccordionMenu,sr as AccordionMenuDefinition,Js as AccordionMenuExpandModes,Qs as AccordionMenuPanel,Ar as AccordionMenuPanelDefinition,ar as AccordionMenuPanelMarkerPositions,rr as AccordionMenuPanelSizes,Rr as AccordionMenuPanelStyles,ur as AccordionMenuPanelTemplate,ir as AccordionMenuStyles,or as AccordionMenuTemplate,sp as AnchorButton,rp as AnchorButtonAppearances,dp as AnchorButtonDefinition,ap as AnchorButtonShapes,lp as AnchorButtonSizes,Xh as AnchorTargets,Gh as Avatar,Uh as AvatarActives,Zh as AvatarAppearances,Qh as AvatarColors,ou as AvatarDefinition,Jh as AvatarNamedColors,eu as AvatarShapes,tu as AvatarSizes,iu as Badge,nu as BadgeAppearances,su as BadgeColors,lu as BadgeDefinition,ru as BadgeShapes,au as BadgeSizes,gl as Button,fl as ButtonAppearances,kl as ButtonDefinition,$l as ButtonFormTargets,wl as ButtonShapes,yl as ButtonSizes,Cl as ButtonStyles,xl as ButtonTypes,Hr as Card,Or as CardAppearances,ul as CardCarousel,vl as CardCarouselDefinition,pl as CardCarouselStyles,ml as CardCarouselTemplate,jr as CardDefinition,Vr as CardEventNames,Dr as CardFocusModes,qr as CardFooter,Wr as CardFooterDefinition,Yr as CardHeader,Zr as CardHeaderDefinition,Tr as CardOrientations,Qr as CardPreview,ta as CardPreviewDefinition,Fr as CardStyles,Nr as CardTemplate,Qa as Carousel,tl as CarouselDefinition,na as CarouselEventNames,nl as CarouselItem,al as CarouselItemDefinition,sl as CarouselItemStyles,rl as CarouselItemTemplate,fa as CarouselNav,oa as CarouselNavButtonPlacements,Xa as CarouselNavDefinition,sa as CarouselNavEventNames,Wa as CarouselNavItem,Ua as CarouselNavItemDefinition,Ya as CarouselNavItemStyles,Ga as CarouselNavItemTemplate,ia as CarouselNavPositions,ja as CarouselNavStyles,qa as CarouselNavTemplate,Ja as CarouselStyles,el as CarouselTemplate,du as Checkbox,uu as CheckboxDefinition,cu as CheckboxShapes,hu as CheckboxSizes,Vd as CollisionEdges,Nl as CompoundButton,Dl as CompoundButtonAppearances,ql as CompoundButtonDefinition,_l as CompoundButtonFormTargets,Bl as CompoundButtonShapes,Vl as CompoundButtonSizes,Hl as CompoundButtonTypes,pu as CounterBadge,mu as CounterBadgeAppearances,vu as CounterBadgeColors,fu as CounterBadgeDefinition,bu as CounterBadgeShapes,gu as CounterBadgeSizes,wu as Dialog,Cu as DialogBody,ku as DialogBodyDefinition,$u as DialogDefinition,yu as DialogStyles,xu as DialogTypes,ca as DirectionDetector,Iu as Divider,Eu as DividerAlignContents,Su as DividerAppearances,Ru as DividerDefinition,Lu as DividerOrientations,Mu as DividerRoles,Pu as DividerStyles,zu as DividerTemplate,Au as Drawer,Vu as DrawerBody,_u as DrawerBodyDefinition,Bu as DrawerDefinition,Ou as DrawerPositions,Tu as DrawerSizes,Du as DrawerTypes,bc as Dropdown,Hu as DropdownAppearances,gc as DropdownDefinition,fc as DropdownOption,wc as DropdownOptionDefinition,Fu as DropdownSizes,Nu as DropdownTypes,nr as FabricDesignSystem,ju as Field,Uu as FieldDefinition,Wu as FieldLabelPosition,Ku as FieldLabelPositions,qu as FieldStyles,Rl as FilterPill,Sl as FilterPillAppearances,Tl as FilterPillDefinition,Pl as FilterPillEventNames,El as FilterPillFormTargets,Ll as FilterPillShapes,Ml as FilterPillSizes,Il as FilterPillTypes,Zu as Image,ep as ImageDefinition,Qu as ImageFits,Ju as ImageShapes,nm as ImplicitSubmissionBlockingTypes,tp as Label,op as LabelDefinition,Xu as LabelPositions,ip as LabelSizes,np as LabelWeights,Kh as Link,jh as LinkAppearances,Yh as LinkDefinition,qh as LinkTargets,xc as Listbox,Cc as ListboxDefinition,Ul as LoadingButton,Jl as LoadingButtonDefinition,Rp as Menu,up as MenuButton,pp as MenuButtonAppearances,bp as MenuButtonDefinition,mp as MenuButtonShapes,vp as MenuButtonSizes,Tp as MenuDefinition,Hs as MenuGroupRoles,Ws as MenuItem,Bs as MenuItemAppearances,$p as MenuItemDefinition,Vs as MenuItemRoles,gp as MenuItemStyles,yp as MenuItemTemplate,Us as MenuList,kp as MenuListDefinition,xp as MenuListStyles,Cp as MenuListTemplate,Ip as MenuPositions,Lp as MenuRepositionModes,Ap as MenuStyles,Op as MenuTemplate,cp as MessageBar,hp as MessageBarDefinition,La as MockElementInternals,od as MultiView,rd as MultiViewController,dd as MultiViewControllerDefinition,sd as MultiViewDefinition,ed as MultiViewEventNames,hd as MultiViewGroup,md as MultiViewGroupDefinition,vd as MultiViewGroupPositions,Bp as OptionGroup,Hp as OptionGroupDefinition,Cd as Overflow,Sd as OverflowAxisValues,Ed as OverflowDefinition,Ld as OverflowDirections,fd as OverflowDivider,Od as OverflowDividerDefinition,Rd as OverflowDividerStyles,bd as OverflowEventNames,$d as OverflowItem,zd as OverflowItemDefinition,Md as OverflowItemStyles,kd as OverflowStyles,sc as Pagination,mc as PaginationDefinition,Jd as PaginationEventNames,ec as PaginationVariants,Gd as Popover,Qd as PopoverDefinition,qd as PopoverEventNames,Nd as PopoverPositions,jd as PopoverRepositionModes,Ud as PopoverStyles,Zd as PopoverTemplate,Fd as PositioningShorthand,Fp as ProgressBar,Np as ProgressBarDefinition,jp as ProgressBarShapes,qp as ProgressBarThicknesses,Xp as ProgressBarValidationStates,Kp as Radio,Up as RadioDefinition,Wp as RadioGroup,Gp as RadioGroupDefinition,Yp as RadioGroupOrientations,Zp as RatingDisplay,Jp as RatingDisplayColors,Qp as RatingDisplayDefinition,em as RatingDisplaySizes,vm as SearchBox,cm as SearchBoxAppearances,dm as SearchBoxControlSizes,wm as SearchBoxDefinition,pm as SearchBoxEventNames,um as SearchBoxImplicitSubmissionBlockingTypes,hm as SearchBoxTypes,Xc as SimpleTable,Wc as SimpleTableDefinition,ym as Slider,Sm as SliderDefinition,km as SliderEventNames,$m as SliderModes,xm as SliderOrientations,Cm as SliderSizes,Gu as SlottableInputs,Bc as SortDirections,Om as SpinButton,Lm as SpinButtonAppearances,zm as SpinButtonBounds,Mm as SpinButtonControlSizes,_m as SpinButtonDefinition,Rm as SpinButtonEventNames,Pm as SpinButtonSpinStates,Tm as SpinButtonStyles,Vm as SpinButtonTemplate,Xl as Spinner,Kl as SpinnerAppearances,Yl as SpinnerDefinition,Wl as SpinnerSizes,zc as SvgIcon,Oc as SvgIconDefinition,Hm as Switch,Fm as SwitchDefinition,Nm as Tab,jm as TabDefinition,Dc as Table,Vc as TableCell,Fc as TableCellDefinition,Yc as TableCellSizes,_c as TableCellStyles,Hc as TableCellTemplate,qc as TableDefinition,Nc as TableStyles,jc as TableTemplate,Ym as Tablist,qm as TablistAppearances,Gm as TablistDefinition,Wm as TablistEventNames,Xm as TablistOrientations,Km as TablistSizes,th as Tag,Qc as TagAppearances,sh as TagDefinition,Jc as TagEventNames,Zc as TagShapes,Gc as TagSizes,Uc as TagTextSizes,ch as TeachingBubble,ph as TeachingBubbleDefinition,lh as TeachingBubbleEventNames,ah as TeachingBubblePlacements,rh as TeachingBubbleSizes,sv as Text,av as TextAligns,Um as TextArea,Qm as TextAreaAppearances,ov as TextAreaAppearancesForDisplayShadows,Jm as TextAreaAutocompletes,Zm as TextAreaDefinition,ev as TextAreaResizes,tv as TextAreaSizes,rv as TextDefinition,lv as TextFonts,lm as TextInput,om as TextInputAppearances,tm as TextInputControlSizes,nv as TextInputDefinition,bm as TextInputStyles,iv as TextInputTemplate,im as TextInputTypes,dv as TextSizes,cv as TextWeights,fv as ToggleButton,wv as ToggleButtonAppearances,kv as ToggleButtonDefinition,Cv as ToggleButtonFormTargets,yv as ToggleButtonShapes,$v as ToggleButtonSizes,xv as ToggleButtonTypes,Iv as Tooltip,Ev as TooltipDefinition,Sv as TooltipPositioningOptions,hv as Tree,uv as TreeDefinition,pv as TreeItem,gv as TreeItemDefinition,bv as TreeItemStyles,vv as TreeItemTemplate,Yu as ValidationFlags,kh as Wizard,Sh as WizardDefinition,xh as WizardEvents,wh as WizardPanel,Ph as WizardPanelDefinition,bh as WizardPanelEventNames,gh as WizardPanelStates,$h as WizardStep,Th as WizardStepDefinition,vh as WizardStepEvents,mh as WizardStepStates,Ca as applyMixins,Ma as attachMockElementInternals,Fa as clamp,Aa as composeDefinitions,va as createRovingFocusController,Ds as createUniqueId,Ia as debounce,Ea as debug,ol as defineCarousel,kc as definePagination,gr as disabledState,fr as expandedState,Ra as fromFAST,ra as getDirection,$c as getOptionsFromElement,pa as globalDirectionDetector,Sa as inputElementMethods,Va as isActionModifierKey,wa as isDisabledElement,$a as isFocusableElement,ya as isHiddenElement,yc as isOptionGroup,aa as isRtl,Vp as optionGroupStyles,_p as optionGroupTemplate,Na as precisionRound,Fs as roleForMenuGroup,_s as roleForMenuItem,ka as setAttributes,xa as setChildrenFocusability,ua as setGlobalDirectionDetector,_a as staticallyCompose,Os as toggleState,Ha as whitespaceFilter};
306
+ :host{white-space:normal}`,qv=jv.compose({name:`${rr.prefix}-tooltip`,template:Kn,styles:Nv,shadowOptions:{mode:rr.shadowRootMode}}),Xv={...Wn};export{bu as Accordion,gu as AccordionDefinition,fu as AccordionExpandModes,cu as AccordionItem,mu as AccordionItemDefinition,uu as AccordionItemMarkerPositions,hu as AccordionItemSizes,ir as AccordionMenu,ar as AccordionMenuDefinition,tr as AccordionMenuExpandModes,er as AccordionMenuPanel,_r as AccordionMenuPanelDefinition,dr as AccordionMenuPanelMarkerPositions,lr as AccordionMenuPanelSizes,Br as AccordionMenuPanelStyles,gr as AccordionMenuPanelTemplate,sr as AccordionMenuStyles,nr as AccordionMenuTemplate,lm as AnchorButton,dm as AnchorButtonAppearances,pm as AnchorButtonDefinition,cm as AnchorButtonShapes,hm as AnchorButtonSizes,$u as AnchorTargets,Eu as Avatar,Lu as AvatarActives,Su as AvatarAppearances,Mu as AvatarColors,Au as AvatarDefinition,Tu as AvatarNamedColors,Pu as AvatarShapes,Ru as AvatarSizes,Ou as Badge,Du as BadgeAppearances,Bu as BadgeColors,Hu as BadgeDefinition,_u as BadgeShapes,Vu as BadgeSizes,Sl as Button,Ml as ButtonAppearances,Ol as ButtonDefinition,Rl as ButtonFormTargets,Tl as ButtonShapes,Pl as ButtonSizes,Al as ButtonStyles,zl as ButtonTypes,Xr as Card,Vr as CardAppearances,Cl as CardCarousel,El as CardCarouselDefinition,kl as CardCarouselStyles,Il as CardCarouselTemplate,Yr as CardDefinition,Nr as CardEventNames,Hr as CardFocusModes,Ur as CardFooter,Qr as CardFooterDefinition,Jr as CardHeader,oa as CardHeaderDefinition,Fr as CardOrientations,ia as CardPreview,ra as CardPreviewDefinition,Kr as CardStyles,Wr as CardTemplate,ua as Carousel,ul as CarouselDefinition,da as CarouselEventNames,bl as CarouselItem,fl as CarouselItemDefinition,vl as CarouselItemStyles,gl as CarouselItemTemplate,Ea as CarouselNav,aa as CarouselNavButtonPlacements,Ja as CarouselNavDefinition,pa as CarouselNavEventNames,tl as CarouselNavItem,nl as CarouselNavItemDefinition,ol as CarouselNavItemStyles,il as CarouselNavItemTemplate,la as CarouselNavPositions,Za as CarouselNavStyles,Qa as CarouselNavTemplate,cl as CarouselStyles,hl as CarouselTemplate,rl as CarouselViewport,dl as CarouselViewportDefinition,al as CarouselViewportStyles,ll as CarouselViewportTemplate,ju as Checkbox,Ku as CheckboxDefinition,Nu as CheckboxShapes,qu as CheckboxSizes,gc as CollisionEdges,yd as CompoundButton,md as CompoundButtonAppearances,xd as CompoundButtonDefinition,gd as CompoundButtonFormTargets,bd as CompoundButtonShapes,vd as CompoundButtonSizes,fd as CompoundButtonTypes,Wu as CounterBadge,Yu as CounterBadgeAppearances,Uu as CounterBadgeColors,Ju as CounterBadgeDefinition,Gu as CounterBadgeShapes,Zu as CounterBadgeSizes,ed as Dialog,tp as DialogBody,ip as DialogBodyDefinition,td as DialogDefinition,Jl as DialogStyles,ep as DialogTypes,fa as DirectionDetector,np as Divider,sp as DividerAlignContents,rp as DividerAppearances,hp as DividerDefinition,ap as DividerOrientations,lp as DividerRoles,dp as DividerStyles,cp as DividerTemplate,Rp as Drawer,_p as DrawerBody,Fp as DrawerBodyDefinition,Bp as DrawerDefinition,zp as DrawerPositions,Ap as DrawerSizes,Op as DrawerTypes,Nc as Dropdown,Hp as DropdownAppearances,qc as DropdownDefinition,Xc as DropdownOption,Wc as DropdownOptionDefinition,jp as DropdownSizes,Np as DropdownTypes,mp as DynamicTab,fp as DynamicTabDefinition,up as DynamicTabEventNames,xp as DynamicTabList,Lp as DynamicTabListDefinition,yp as DynamicTabListEventNames,wp as DynamicTabListOrientations,Ep as DynamicTabListStyles,Ip as DynamicTabListTemplate,gp as DynamicTabStyles,bp as DynamicTabTemplate,Sp as EmptyState,Pp as EmptyStateDefinition,Mp as EmptyStateStyles,Tp as EmptyStateTemplate,rr as FabricDesignSystem,qp as Field,Zp as FieldDefinition,Yp as FieldLabelPosition,Wp as FieldLabelPositions,Xp as FieldStyles,Nl as FilterPill,_l as FilterPillAppearances,Kl as FilterPillDefinition,Hl as FilterPillEventNames,Bl as FilterPillFormTargets,Vl as FilterPillShapes,Fl as FilterPillSizes,Dl as FilterPillTypes,Qp as Image,om as ImageDefinition,Jp as ImageFits,em as ImageShapes,mb as ImplicitSubmissionBlockingTypes,im as Label,sm as LabelDefinition,Kp as LabelPositions,rm as LabelSizes,am as LabelWeights,xu as Link,wu as LinkAppearances,Iu as LinkDefinition,yu as LinkTargets,Gc as Listbox,Zc as ListboxDefinition,Md as LoadingButton,Rd as LoadingButtonDefinition,_m as Menu,gm as MenuButton,fm as MenuButtonAppearances,xm as MenuButtonDefinition,wm as MenuButtonShapes,ym as MenuButtonSizes,Hm as MenuDefinition,js as MenuGroupRoles,Us as MenuItem,Vs as MenuItemAppearances,Lm as MenuItemDefinition,Fs as MenuItemRoles,Cm as MenuItemStyles,Em as MenuItemTemplate,Qs as MenuList,Tm as MenuListDefinition,Sm as MenuListStyles,Mm as MenuListTemplate,Pm as MenuPositions,Am as MenuRepositionModes,Vm as MenuStyles,Fm as MenuTemplate,mm as MessageBar,vm as MessageBarDefinition,Da as MockElementInternals,Gl as Modal,cd as ModalDefinition,Yl as ModalEventNames,Ql as ModalFreItem,pd as ModalFreItemDefinition,Wl as ModalModes,Od as MultiView,Vd as MultiViewController,jd as MultiViewControllerDefinition,_d as MultiViewDefinition,zd as MultiViewEventNames,qd as MultiViewGroup,Wd as MultiViewGroupDefinition,Yd as MultiViewGroupPositions,Nm as OptionGroup,Km as OptionGroupDefinition,oc as Overflow,rc as OverflowAxisValues,sc as OverflowDefinition,ac as OverflowDirections,Zd as OverflowDivider,pc as OverflowDividerDefinition,hc as OverflowDividerStyles,Ud as OverflowEventNames,ec as OverflowItem,cc as OverflowItemDefinition,lc as OverflowItemStyles,ic as OverflowStyles,_c as Pagination,Hc as PaginationDefinition,Rc as PaginationEventNames,zc as PaginationVariants,Sc as Popover,Pc as PopoverDefinition,Cc as PopoverEventNames,$c as PopoverPositions,xc as PopoverRepositionModes,Mc as PopoverStyles,Tc as PopoverTemplate,yc as PositioningShorthand,Wm as ProgressBar,Um as ProgressBarDefinition,Gm as ProgressBarShapes,Zm as ProgressBarThicknesses,Qm as ProgressBarValidationStates,Jm as Radio,sb as RadioDefinition,eb as RadioGroup,ib as RadioGroupDefinition,tb as RadioGroupOrientations,rb as RatingDisplay,db as RatingDisplayColors,lb as RatingDisplayDefinition,cb as RatingDisplaySizes,Ib as SearchBox,yb as SearchBoxAppearances,wb as SearchBoxControlSizes,Mb as SearchBoxDefinition,Cb as SearchBoxEventNames,xb as SearchBoxImplicitSubmissionBlockingTypes,$b as SearchBoxTypes,wh as SimpleTable,$h as SimpleTableDefinition,Tb as Slider,Bb as SliderDefinition,Ab as SliderEventNames,Pb as SliderModes,Rb as SliderOrientations,zb as SliderSizes,Gp as SlottableInputs,hh as SortDirections,qb as SpinButton,_b as SpinButtonAppearances,Hb as SpinButtonBounds,Vb as SpinButtonControlSizes,Ub as SpinButtonDefinition,jb as SpinButtonEventNames,Fb as SpinButtonSpinStates,Xb as SpinButtonStyles,Yb as SpinButtonTemplate,Cd as Spinner,kd as SpinnerAppearances,Ld as SpinnerDefinition,Id as SpinnerSizes,sh as SvgIcon,lh as SvgIconDefinition,Gb as Switch,Qb as SwitchDefinition,Jb as Tab,tv as TabDefinition,ch as Table,uh as TableCell,bh as TableCellDefinition,xh as TableCellSizes,ph as TableCellStyles,mh as TableCellTemplate,fh as TableDefinition,vh as TableStyles,gh as TableTemplate,rv as Tablist,ov as TablistAppearances,lv as TablistDefinition,sv as TablistEventNames,iv as TablistOrientations,nv as TablistSizes,Mh as Tag,Eh as TagAppearances,zh as TagDefinition,Lh as TagEventNames,Ih as TagShapes,Ch as TagSizes,kh as TagTextSizes,_h as TeachingBubble,Hh as TeachingBubbleDefinition,Dh as TeachingBubbleEventNames,Oh as TeachingBubblePlacements,Ah as TeachingBubbleSizes,wv as Text,xv as TextAligns,dv as TextArea,uv as TextAreaAppearances,vv as TextAreaAppearancesForDisplayShadows,pv as TextAreaAutocompletes,hv as TextAreaDefinition,mv as TextAreaResizes,bv as TextAreaSizes,$v as TextDefinition,Cv as TextFonts,fb as TextInput,ub as TextInputAppearances,hb as TextInputControlSizes,fv as TextInputDefinition,Eb as TextInputStyles,gv as TextInputTemplate,pb as TextInputTypes,kv as TextSizes,Iv as TextWeights,Av as ToggleButton,Ov as ToggleButtonAppearances,Hv as ToggleButtonDefinition,Vv as ToggleButtonFormTargets,Dv as ToggleButtonShapes,Bv as ToggleButtonSizes,_v as ToggleButtonTypes,jv as Tooltip,qv as TooltipDefinition,Xv as TooltipPositioningOptions,Ev as Tree,Sv as TreeDefinition,Mv as TreeItem,zv as TreeItemDefinition,Rv as TreeItemStyles,Pv as TreeItemTemplate,Up as ValidationFlags,Qh as Wizard,tu as WizardDefinition,Gh as WizardEvents,Wh as WizardPanel,nu as WizardPanelDefinition,qh as WizardPanelEventNames,Xh as WizardPanelStates,Uh as WizardStep,du as WizardStepDefinition,Nh as WizardStepEvents,jh as WizardStepStates,Pa as applyMixins,Ba as attachMockElementInternals,Ua as clamp,Ha as composeDefinitions,Ca as createRovingFocusController,_s as createUniqueId,za as debounce,Aa as debug,pl as defineCarousel,Qc as definePagination,xr as disabledState,Cr as expandedState,Fa as fromFAST,ma as getDirection,Uc as getOptionsFromElement,$a as globalDirectionDetector,Oa as inputElementMethods,Ka as isActionModifierKey,La as isDisabledElement,Ma as isFocusableElement,Sa as isHiddenElement,Yc as isOptionGroup,ba as isRtl,qm as optionGroupStyles,Xm as optionGroupTemplate,Ga as precisionRound,Ns as roleForMenuGroup,Hs as roleForMenuItem,Ra as setAttributes,Ta as setChildrenFocusability,ya as setGlobalDirectionDetector,Wa as staticallyCompose,Ds as toggleState,Ya as whitespaceFilter};
205
307
  //# sourceMappingURL=index.min.js.map