@fabric-msft/fabric-web 7.0.0 → 7.3.1

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 (281) hide show
  1. package/dts/components/card/card.d.ts +0 -5
  2. package/dts/components/card/card.d.ts.map +1 -1
  3. package/dts/components/carousel/carousel.d.ts +6 -42
  4. package/dts/components/carousel/carousel.d.ts.map +1 -1
  5. package/dts/components/carousel/carousel.styles.d.ts.map +1 -1
  6. package/dts/components/carousel/carousel.template.d.ts.map +1 -1
  7. package/dts/components/carousel/define.d.ts.map +1 -1
  8. package/dts/components/carousel-nav/carousel-nav.d.ts +10 -0
  9. package/dts/components/carousel-nav/carousel-nav.d.ts.map +1 -1
  10. package/dts/components/carousel-nav/carousel-nav.template.d.ts.map +1 -1
  11. package/dts/components/carousel-viewport/carousel-viewport.d.ts +34 -0
  12. package/dts/components/carousel-viewport/carousel-viewport.d.ts.map +1 -0
  13. package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts +9 -0
  14. package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts.map +1 -0
  15. package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts +7 -0
  16. package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts.map +1 -0
  17. package/dts/components/carousel-viewport/carousel-viewport.template.d.ts +9 -0
  18. package/dts/components/carousel-viewport/carousel-viewport.template.d.ts.map +1 -0
  19. package/dts/components/carousel-viewport/define.d.ts +2 -0
  20. package/dts/components/carousel-viewport/define.d.ts.map +1 -0
  21. package/dts/components/carousel-viewport/index.d.ts +5 -0
  22. package/dts/components/carousel-viewport/index.d.ts.map +1 -0
  23. package/dts/components/dynamic-tab/define.d.ts +2 -0
  24. package/dts/components/dynamic-tab/define.d.ts.map +1 -0
  25. package/dts/components/dynamic-tab/dynamic-tab.d.ts +142 -0
  26. package/dts/components/dynamic-tab/dynamic-tab.d.ts.map +1 -0
  27. package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts +10 -0
  28. package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts.map +1 -0
  29. package/dts/components/dynamic-tab/dynamic-tab.options.d.ts +10 -0
  30. package/dts/components/dynamic-tab/dynamic-tab.options.d.ts.map +1 -0
  31. package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts +6 -0
  32. package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts.map +1 -0
  33. package/dts/components/dynamic-tab/dynamic-tab.template.d.ts +13 -0
  34. package/dts/components/dynamic-tab/dynamic-tab.template.d.ts.map +1 -0
  35. package/dts/components/dynamic-tab/index.d.ts +6 -0
  36. package/dts/components/dynamic-tab/index.d.ts.map +1 -0
  37. package/dts/components/dynamic-tab-list/define.d.ts +2 -0
  38. package/dts/components/dynamic-tab-list/define.d.ts.map +1 -0
  39. package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts +360 -0
  40. package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts.map +1 -0
  41. package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts +7 -0
  42. package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts.map +1 -0
  43. package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts +24 -0
  44. package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts.map +1 -0
  45. package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts +6 -0
  46. package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts.map +1 -0
  47. package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts +13 -0
  48. package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts.map +1 -0
  49. package/dts/components/dynamic-tab-list/index.d.ts +7 -0
  50. package/dts/components/dynamic-tab-list/index.d.ts.map +1 -0
  51. package/dts/components/empty-state/define.d.ts +2 -0
  52. package/dts/components/empty-state/define.d.ts.map +1 -0
  53. package/dts/components/empty-state/empty-state.d.ts +32 -0
  54. package/dts/components/empty-state/empty-state.d.ts.map +1 -0
  55. package/dts/components/empty-state/empty-state.definition.d.ts +10 -0
  56. package/dts/components/empty-state/empty-state.definition.d.ts.map +1 -0
  57. package/dts/components/empty-state/empty-state.styles.d.ts +6 -0
  58. package/dts/components/empty-state/empty-state.styles.d.ts.map +1 -0
  59. package/dts/components/empty-state/empty-state.template.d.ts +9 -0
  60. package/dts/components/empty-state/empty-state.template.d.ts.map +1 -0
  61. package/dts/components/empty-state/index.d.ts +5 -0
  62. package/dts/components/empty-state/index.d.ts.map +1 -0
  63. package/dts/components/field/field.d.ts +44 -3
  64. package/dts/components/field/field.d.ts.map +1 -1
  65. package/dts/components/menu/index.d.ts +2 -2
  66. package/dts/components/menu/index.d.ts.map +1 -1
  67. package/dts/components/menu/menu.d.ts +17 -1
  68. package/dts/components/menu/menu.d.ts.map +1 -1
  69. package/dts/components/menu/menu.options.d.ts +15 -0
  70. package/dts/components/menu/menu.options.d.ts.map +1 -1
  71. package/dts/components/menu/menu.positioning.d.ts +8 -2
  72. package/dts/components/menu/menu.positioning.d.ts.map +1 -1
  73. package/dts/components/menu/menu.styles.d.ts.map +1 -1
  74. package/dts/components/menu-button/menu-button.d.ts +2 -2
  75. package/dts/components/menu-button/menu-button.definition.d.ts.map +1 -1
  76. package/dts/components/menu-button/menu-button.styles.d.ts +11 -0
  77. package/dts/components/menu-button/menu-button.styles.d.ts.map +1 -0
  78. package/dts/components/menu-item/menu-item.styles.d.ts.map +1 -1
  79. package/dts/components/menu-list/menu-list.styles.d.ts.map +1 -1
  80. package/dts/components/modal/define.d.ts +4 -0
  81. package/dts/components/modal/define.d.ts.map +1 -0
  82. package/dts/components/modal/index.d.ts +9 -0
  83. package/dts/components/modal/index.d.ts.map +1 -0
  84. package/dts/components/modal/modal.d.ts +209 -0
  85. package/dts/components/modal/modal.d.ts.map +1 -0
  86. package/dts/components/modal/modal.definition.d.ts +9 -0
  87. package/dts/components/modal/modal.definition.d.ts.map +1 -0
  88. package/dts/components/modal/modal.events.d.ts +26 -0
  89. package/dts/components/modal/modal.events.d.ts.map +1 -0
  90. package/dts/components/modal/modal.options.d.ts +15 -0
  91. package/dts/components/modal/modal.options.d.ts.map +1 -0
  92. package/dts/components/modal/modal.styles.d.ts +10 -0
  93. package/dts/components/modal/modal.styles.d.ts.map +1 -0
  94. package/dts/components/modal/modal.template.d.ts +12 -0
  95. package/dts/components/modal/modal.template.d.ts.map +1 -0
  96. package/dts/components/modal-fre-item/define.d.ts +2 -0
  97. package/dts/components/modal-fre-item/define.d.ts.map +1 -0
  98. package/dts/components/modal-fre-item/index.d.ts +3 -0
  99. package/dts/components/modal-fre-item/index.d.ts.map +1 -0
  100. package/dts/components/modal-fre-item/modal-fre-item.d.ts +65 -0
  101. package/dts/components/modal-fre-item/modal-fre-item.d.ts.map +1 -0
  102. package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts +10 -0
  103. package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts.map +1 -0
  104. package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts +7 -0
  105. package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts.map +1 -0
  106. package/dts/components/modal-fre-item/modal-fre-item.template.d.ts +11 -0
  107. package/dts/components/modal-fre-item/modal-fre-item.template.d.ts.map +1 -0
  108. package/dts/components/radio-group/radio-group.d.ts +15 -0
  109. package/dts/components/radio-group/radio-group.d.ts.map +1 -1
  110. package/dts/components/slider/slider.d.ts +2 -0
  111. package/dts/components/slider/slider.d.ts.map +1 -1
  112. package/dts/components/slider/slider.definition.d.ts.map +1 -1
  113. package/dts/components/slider/slider.styles.d.ts +10 -0
  114. package/dts/components/slider/slider.styles.d.ts.map +1 -0
  115. package/dts/components/slider/slider.template.d.ts +4 -0
  116. package/dts/components/slider/slider.template.d.ts.map +1 -0
  117. package/dts/components/styles/patterns/patterns.d.ts +8 -0
  118. package/dts/components/styles/patterns/patterns.d.ts.map +1 -0
  119. package/dts/index.d.ts +7 -0
  120. package/dts/index.d.ts.map +1 -1
  121. package/dts/util/a11y-playwright-utils.d.ts +7 -0
  122. package/dts/util/a11y-playwright-utils.d.ts.map +1 -0
  123. package/dts/util/carousel-controller.d.ts +120 -0
  124. package/dts/util/carousel-controller.d.ts.map +1 -0
  125. package/dts/util/icons.d.ts +15 -0
  126. package/dts/util/icons.d.ts.map +1 -1
  127. package/dts/util/index.d.ts +1 -0
  128. package/dts/util/index.d.ts.map +1 -1
  129. package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +1 -1
  130. package/esm/components/card/card.js +0 -5
  131. package/esm/components/card/card.js.map +1 -1
  132. package/esm/components/card-header/card-header.styles.js +2 -2
  133. package/esm/components/card-header/card-header.styles.js.map +1 -1
  134. package/esm/components/carousel/carousel.js +30 -98
  135. package/esm/components/carousel/carousel.js.map +1 -1
  136. package/esm/components/carousel/carousel.styles.js +2 -2
  137. package/esm/components/carousel/carousel.styles.js.map +1 -1
  138. package/esm/components/carousel/carousel.template.js +3 -3
  139. package/esm/components/carousel/carousel.template.js.map +1 -1
  140. package/esm/components/carousel/define.js +5 -3
  141. package/esm/components/carousel/define.js.map +1 -1
  142. package/esm/components/carousel-item/carousel-item.template.js +1 -1
  143. package/esm/components/carousel-item/carousel-item.template.js.map +1 -1
  144. package/esm/components/carousel-nav/carousel-nav.js +12 -0
  145. package/esm/components/carousel-nav/carousel-nav.js.map +1 -1
  146. package/esm/components/carousel-nav/carousel-nav.styles.js +1 -0
  147. package/esm/components/carousel-nav/carousel-nav.template.js +4 -3
  148. package/esm/components/carousel-nav/carousel-nav.template.js.map +1 -1
  149. package/esm/components/carousel-nav-item/carousel-nav-item.styles.js +1 -0
  150. package/esm/components/carousel-viewport/carousel-viewport.definition.js +21 -0
  151. package/esm/components/carousel-viewport/carousel-viewport.definition.js.map +1 -0
  152. package/esm/components/carousel-viewport/carousel-viewport.js +37 -0
  153. package/esm/components/carousel-viewport/carousel-viewport.js.map +1 -0
  154. package/esm/components/carousel-viewport/carousel-viewport.styles.js +11 -0
  155. package/esm/components/carousel-viewport/carousel-viewport.styles.js.map +1 -0
  156. package/esm/components/carousel-viewport/carousel-viewport.template.js +15 -0
  157. package/esm/components/carousel-viewport/carousel-viewport.template.js.map +1 -0
  158. package/esm/components/carousel-viewport/define.js +4 -0
  159. package/esm/components/carousel-viewport/define.js.map +1 -0
  160. package/esm/components/carousel-viewport/index.js +5 -0
  161. package/esm/components/carousel-viewport/index.js.map +1 -0
  162. package/esm/components/dynamic-tab/define.js +4 -0
  163. package/esm/components/dynamic-tab/define.js.map +1 -0
  164. package/esm/components/dynamic-tab/dynamic-tab.definition.js +27 -0
  165. package/esm/components/dynamic-tab/dynamic-tab.definition.js.map +1 -0
  166. package/esm/components/dynamic-tab/dynamic-tab.js +232 -0
  167. package/esm/components/dynamic-tab/dynamic-tab.js.map +1 -0
  168. package/esm/components/dynamic-tab/dynamic-tab.options.js +11 -0
  169. package/esm/components/dynamic-tab/dynamic-tab.options.js.map +1 -0
  170. package/esm/components/dynamic-tab/dynamic-tab.styles.js +13 -0
  171. package/esm/components/dynamic-tab/dynamic-tab.styles.js.map +1 -0
  172. package/esm/components/dynamic-tab/dynamic-tab.template.js +18 -0
  173. package/esm/components/dynamic-tab/dynamic-tab.template.js.map +1 -0
  174. package/esm/components/dynamic-tab/index.js +6 -0
  175. package/esm/components/dynamic-tab/index.js.map +1 -0
  176. package/esm/components/dynamic-tab-list/define.js +12 -0
  177. package/esm/components/dynamic-tab-list/define.js.map +1 -0
  178. package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js +19 -0
  179. package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js.map +1 -0
  180. package/esm/components/dynamic-tab-list/dynamic-tab-list.js +788 -0
  181. package/esm/components/dynamic-tab-list/dynamic-tab-list.js.map +1 -0
  182. package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js +19 -0
  183. package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js.map +1 -0
  184. package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js +11 -0
  185. package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js.map +1 -0
  186. package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js +41 -0
  187. package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js.map +1 -0
  188. package/esm/components/dynamic-tab-list/index.js +6 -0
  189. package/esm/components/dynamic-tab-list/index.js.map +1 -0
  190. package/esm/components/empty-state/define.js +4 -0
  191. package/esm/components/empty-state/define.js.map +1 -0
  192. package/esm/components/empty-state/empty-state.definition.js +22 -0
  193. package/esm/components/empty-state/empty-state.definition.js.map +1 -0
  194. package/esm/components/empty-state/empty-state.js +33 -0
  195. package/esm/components/empty-state/empty-state.js.map +1 -0
  196. package/esm/components/empty-state/empty-state.styles.js +11 -0
  197. package/esm/components/empty-state/empty-state.styles.js.map +1 -0
  198. package/esm/components/empty-state/empty-state.template.js +12 -0
  199. package/esm/components/empty-state/empty-state.template.js.map +1 -0
  200. package/esm/components/empty-state/index.js +5 -0
  201. package/esm/components/empty-state/index.js.map +1 -0
  202. package/esm/components/field/field.js +91 -5
  203. package/esm/components/field/field.js.map +1 -1
  204. package/esm/components/filter-pill/filter-pill.styles.js +1 -0
  205. package/esm/components/menu/index.js +1 -1
  206. package/esm/components/menu/index.js.map +1 -1
  207. package/esm/components/menu/menu.js +30 -2
  208. package/esm/components/menu/menu.js.map +1 -1
  209. package/esm/components/menu/menu.options.js +11 -1
  210. package/esm/components/menu/menu.options.js.map +1 -1
  211. package/esm/components/menu/menu.positioning.js +32 -30
  212. package/esm/components/menu/menu.positioning.js.map +1 -1
  213. package/esm/components/menu/menu.styles.js +2 -1
  214. package/esm/components/menu/menu.styles.js.map +1 -1
  215. package/esm/components/menu-button/menu-button.definition.js +5 -2
  216. package/esm/components/menu-button/menu-button.definition.js.map +1 -1
  217. package/esm/components/menu-button/menu-button.js +2 -2
  218. package/esm/components/menu-button/menu-button.styles.js +18 -0
  219. package/esm/components/menu-button/menu-button.styles.js.map +1 -0
  220. package/esm/components/menu-item/menu-item.styles.js +1 -1
  221. package/esm/components/menu-item/menu-item.styles.js.map +1 -1
  222. package/esm/components/menu-list/menu-list.styles.js +2 -2
  223. package/esm/components/menu-list/menu-list.styles.js.map +1 -1
  224. package/esm/components/modal/define.js +9 -0
  225. package/esm/components/modal/define.js.map +1 -0
  226. package/esm/components/modal/index.js +7 -0
  227. package/esm/components/modal/index.js.map +1 -0
  228. package/esm/components/modal/modal.definition.js +29 -0
  229. package/esm/components/modal/modal.definition.js.map +1 -0
  230. package/esm/components/modal/modal.events.js +11 -0
  231. package/esm/components/modal/modal.events.js.map +1 -0
  232. package/esm/components/modal/modal.js +369 -0
  233. package/esm/components/modal/modal.js.map +1 -0
  234. package/esm/components/modal/modal.options.js +10 -0
  235. package/esm/components/modal/modal.options.js.map +1 -0
  236. package/esm/components/modal/modal.styles.js +14 -0
  237. package/esm/components/modal/modal.styles.js.map +1 -0
  238. package/esm/components/modal/modal.template.js +23 -0
  239. package/esm/components/modal/modal.template.js.map +1 -0
  240. package/esm/components/modal-fre-item/define.js +4 -0
  241. package/esm/components/modal-fre-item/define.js.map +1 -0
  242. package/esm/components/modal-fre-item/index.js +3 -0
  243. package/esm/components/modal-fre-item/index.js.map +1 -0
  244. package/esm/components/modal-fre-item/modal-fre-item.definition.js +27 -0
  245. package/esm/components/modal-fre-item/modal-fre-item.definition.js.map +1 -0
  246. package/esm/components/modal-fre-item/modal-fre-item.js +72 -0
  247. package/esm/components/modal-fre-item/modal-fre-item.js.map +1 -0
  248. package/esm/components/modal-fre-item/modal-fre-item.styles.js +11 -0
  249. package/esm/components/modal-fre-item/modal-fre-item.styles.js.map +1 -0
  250. package/esm/components/modal-fre-item/modal-fre-item.template.js +16 -0
  251. package/esm/components/modal-fre-item/modal-fre-item.template.js.map +1 -0
  252. package/esm/components/radio-group/radio-group.js +20 -1
  253. package/esm/components/radio-group/radio-group.js.map +1 -1
  254. package/esm/components/simple-table/simple-table.styles.js +1 -0
  255. package/esm/components/slider/slider.definition.js +4 -3
  256. package/esm/components/slider/slider.definition.js.map +1 -1
  257. package/esm/components/slider/slider.js +2 -0
  258. package/esm/components/slider/slider.js.map +1 -1
  259. package/esm/components/slider/slider.styles.js +24 -0
  260. package/esm/components/slider/slider.styles.js.map +1 -0
  261. package/esm/components/slider/slider.template.js +17 -0
  262. package/esm/components/slider/slider.template.js.map +1 -0
  263. package/esm/components/styles/patterns/patterns.js +11 -0
  264. package/esm/components/styles/patterns/patterns.js.map +1 -0
  265. package/esm/index.js +25 -0
  266. package/esm/index.js.map +1 -1
  267. package/esm/util/a11y-playwright-utils.js +11 -0
  268. package/esm/util/a11y-playwright-utils.js.map +1 -0
  269. package/esm/util/carousel-controller.js +153 -0
  270. package/esm/util/carousel-controller.js.map +1 -0
  271. package/esm/util/icons.js +16 -1
  272. package/esm/util/icons.js.map +1 -1
  273. package/esm/util/index.js +1 -0
  274. package/esm/util/index.js.map +1 -1
  275. package/index.d.ts +2125 -957
  276. package/index.d.ts.map +1 -1
  277. package/index.js +6812 -4700
  278. package/index.js.map +1 -1
  279. package/index.min.js +108 -88
  280. package/index.min.js.map +1 -1
  281. package/package.json +2 -2
package/index.min.js CHANGED
@@ -1,42 +1,43 @@
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 S,lineHeightBase500 as E,spacingHorizontalXXS as L,spacingHorizontalSNudge as M,strokeWidthThin as P,colorNeutralStroke2 as R,fontFamilyBase as z,shadow4 as A,colorBrandBackground2 as O,strokeWidthThick as T,colorTransparentStroke as D,colorNeutralBackground1 as B,colorNeutralBackground2 as V,colorNeutralStroke1 as _,colorSubtleBackground as F,colorNeutralBackground1Hover as H,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,fontWeightBold 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,BaseButton as xe,ButtonAppearance as Ce,ButtonFormTarget as ke,ButtonShape as Ie,ButtonSize as Se,ButtonType as Ee,ButtonStyles as Le,colorBrandBackground as Me,colorNeutralForegroundOnBrand as Pe,colorNeutralStrokeOnBrand as Re,colorBrandBackgroundHover as ze,colorBrandBackgroundPressed as Ae,colorNeutralForeground1Hover as Oe,colorNeutralForeground1Pressed as Te,ButtonTemplate as De,colorNeutralBackground4 as Be,spacingHorizontalXXXL as Ve,fontWeightSemibold as _e,lineHeightBase300 as Fe,durationFaster as He,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 St,colorBrandForeground1 as Et,spacingHorizontalNone as Lt,spacingVerticalXS as Mt,ButtonDefinition as Pt,shadow16 as Rt,colorBrandForeground2 as zt,colorPaletteRedForeground3 as At,AccordionItem as Ot,AccordionItemMarkerPosition as Tt,AccordionItemSize as Dt,accordionItemStyles as Bt,accordionItemTemplate as Vt,Accordion as _t,accordionStyles as Ft,accordionTemplate as Ht,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 So,DialogBodyStyles as Eo,DialogBodyTemplate as Lo,Divider as Mo,DividerAlignContent as Po,DividerAppearance as Ro,DividerOrientation as zo,DividerRole as Ao,DividerStyles as Oo,DividerTemplate as To,Drawer as Do,DrawerPosition as Bo,DrawerSize as Vo,DrawerType as _o,DrawerStyles as Fo,DrawerTemplate as Ho,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 Si,RadioGroup as Ei,RadioGroupOrientation as Li,RadioGroupStyles as Mi,RadioGroupTemplate as Pi,Radio as Ri,RadioStyles as zi,RadioTemplate as Ai,RatingDisplay as Oi,RatingDisplayStyles as Ti,RatingDisplayTemplate as Di,RatingDisplayColor as Bi,RatingDisplaySize as Vi,StartEnd as _i,colorNeutralStrokeAccessible as Fi,colorPaletteRedBorder2 as Hi,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,SliderStyles as Ji,SliderTemplate as en,colorNeutralBackground3Pressed as tn,colorStatusDangerBorder2 as on,Switch as nn,SwitchStyles as sn,SwitchTemplate as rn,Tab as an,TabStyles as ln,TabTemplate as dn,TablistAppearance as cn,TablistOrientation as hn,TablistSize as un,Tablist as pn,TablistStyles as mn,TablistTemplate as vn,TextArea as bn,TextAreaStyles as gn,TextAreaTemplate as fn,TextAreaAppearance as wn,TextAreaAppearancesForDisplayShadow as yn,TextAreaAutocomplete as $n,TextAreaResize as xn,TextAreaSize as Cn,Text as kn,TextStyles as In,TextTemplate as Sn,TextAlign as En,TextFont as Ln,TextSize as Mn,TextWeight as Pn,Tree as Rn,TreeStyles as zn,TreeTemplate as An,TreeItem as On,TreeItemStyles as Tn,ToggleButton as Dn,ToggleButtonAppearance as Bn,ToggleButtonShape as Vn,ToggleButtonSize as _n,ToggleButtonTemplate as Fn,Tooltip as Hn,TooltipStyles as Nn,TooltipTemplate as jn,TooltipPositioningOption as qn}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 Xn,attr as Kn,observable as Wn,Updates as Yn,Observable as Gn,slotted as Un,html as Zn,css as Qn,ref as Jn,AttributeConfiguration as es,InlineTemplateDirective as ts,repeat as os,elements as is,nullableNumberConverter as ns,when as ss,oneTime as rs}from"@microsoft/fast-element";import{keyArrowLeft as as,keyArrowRight as ls,keySpace as ds,keyEnter as cs,isHTMLElement as hs,keyHome as us,keyEnd as ps,keyArrowUp as ms,keyArrowDown as vs,keyEscape as bs,uniqueId as gs,keyTab as fs,Direction as ws,limit as ys}from"@microsoft/fast-web-utilities";import{isTabbable as $s}from"tabbable";import{createOverflowManager as xs}from"@fluentui/priority-overflow";import{getString as Cs}from"@fabric-msft/localization";import{autoUpdate as ks,arrow as Is,offset as Ss,autoPlacement as Es,computePosition as Ls}from"@floating-ui/dom";CSS.supports("anchor-name: --a");const Ms=CSS.supports("selector(:state(g))"),Ps=new Map;function Rs(e){var t;return null!==(t=Ps.get(e))&&void 0!==t?t:Ps.set(e,Ms?`:state(${e})`:`[state--${e}]`).get(e)}function zs(e,t,o){t&&e&&(Ms?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function As(e,t,o,i){t&&i(e,t,!1),o&&i(e,o,!0)}function Os(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}const Ts={normal:"normal",danger:"danger"},Ds={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},Bs={[Ds.menuitem]:"menuitem",[Ds.menuitemcheckbox]:"menuitemcheckbox",[Ds.menuitemradio]:"menuitemradio"},Vs={group:"group"},_s={group:Vs.group};var Fs,Hs,Ns,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},qs=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 Xs extends Xn{constructor(){super(...arguments),Fs.add(this),this.elementInternals=this.attachInternals(),this.role=Ds.menuitem,this.checked=!1,this._submenuAnchorName=`--${Os("menu-item-anchor-")}`,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case cs:case ds:return this.invoke(),!1;case ls:return!this.disabled&&Ks(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case as:{const e=this.parentElement;return Ks(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 Ds.menuitemcheckbox:this.checked=!this.checked;break;case Ds.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case Ds.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,zs(this.elementInternals,"disabled",t)}appearanceChanged(e,t){As(this.elementInternals,e,t,zs)}roleChanged(e,t){this.elementInternals.role=null!=t?t:Ds.menuitem;const o=(null!=t?t:Ds.menuitem)!==Ds.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,zs(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==Ds.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,zs(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",zs(this.elementInternals,"submenu",!0);const e=this.getSubmenuAnchorName();this.style.anchorName=e,this.submenu.style.positionAnchor=e}else this.elementInternals.ariaHasPopup=null,zs(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:Ds.menuitem,qs(this,Fs,"m",Hs).call(this)}disconnectedCallback(){super.disconnectedCallback(),qs(this,Fs,"m",Ns).call(this)}}function Ks(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}Fs=new WeakSet,Hs=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)},Ns=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)},js([Kn({mode:"boolean"})],Xs.prototype,"disabled",void 0),js([Kn],Xs.prototype,"appearance",void 0),js([Kn],Xs.prototype,"role",void 0),js([Kn({mode:"boolean"})],Xs.prototype,"checked",void 0),js([Kn({mode:"boolean"})],Xs.prototype,"hidden",void 0),js([Wn],Xs.prototype,"slottedSubmenu",void 0),js([Wn],Xs.prototype,"submenu",void 0);var 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};class Ys extends Xn{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&hs(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===Ds.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===Ds.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof Xs||hs(e)&&e.getAttribute("role")in Ys.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Yn.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 vs:return void this.setFocus(this.focusIndex+1,1);case ms:return void this.setFocus(this.focusIndex-1,-1);case ps:return void this.setFocus(this.menuItems.length-1,-1);case us:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Gn.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Ds.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Gn.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=Ys.elementIndent(t);return Math.max(e,o)},0);null==n||n.forEach(e=>{e instanceof Xs&&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}}}Ys.focusableElementRoles=Ds,Ws([Wn],Ys.prototype,"items",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 Xn{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 cs:case ds:e.preventDefault(),this.expanded=!this.expanded;break;case bs: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=gs("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Yn.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&&(zs(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){zs(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&zs(this.elementInternals,e,!1),t&&zs(this.elementInternals,t,!0)}blockChanged(e,t){zs(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&zs(this.elementInternals,`align-${e}`,!1),t&&zs(this.elementInternals,`align-${t}`,!0)}}Gs([Wn],Us.prototype,"menuList",void 0),Gs([Kn({mode:"boolean"})],Us.prototype,"expanded",void 0),Gs([Kn({mode:"boolean"})],Us.prototype,"disabled",void 0),Gs([Kn],Us.prototype,"id",void 0),Gs([Kn],Us.prototype,"size",void 0),Gs([Kn({mode:"boolean"})],Us.prototype,"block",void 0),Gs([Kn({attribute:"marker-position"})],Us.prototype,"markerPosition",void 0);const Zs={single:"single",multi:"multi"};var Qs=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 Js extends Xn{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Zs.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof Xs||hs(e)&&e.getAttribute("role")in Ys.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Gn.getNotifier(e).unsubscribe(this,"disabled"),Gn.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Yn.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===Zs.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 Us&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof Xs&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof Us&&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=>Gn.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof Us&&Gn.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=Js.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof Xs&&e.setAttribute("data-indent",`${i}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Ds.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Zs.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof Us&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}Qs([Kn({attribute:"expand-mode"})],Js.prototype,"expandmode",void 0),Qs([Wn],Js.prototype,"slottedElements",void 0);const er=Zn`<template class="accordion-menu"><slot ${Un({property:"slottedElements"})}></slot></template>`,tr=Qn`
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,repeat as is,AttributeConfiguration as ns,InlineTemplateDirective as ss,oneTime 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=e.querySelector("[slot=start]");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}}`,or=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),ir=Js.compose({name:`${or.prefix}-accordion-menu`,template:er,styles:tr,shadowOptions:{mode:or.shadowRootMode}}),nr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},sr={start:"start",end:"end"},rr=Zn`<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>`,ar=Zn`<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>`,lr=Zn.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>'),dr=Zn.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 cr=Zn`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Jn("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">${dr}</slot><slot name="marker-collapsed">${lr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Un("menuList")}></slot></div></template>`;Rs("active");const hr=Rs("align-end");Rs("align-start"),Rs("anchor"),Rs("auto-resize"),Rs("bad-input"),Rs("beige"),Rs("block"),Rs("blue"),Rs("bold"),Rs("bordered"),Rs("brand"),Rs("brass"),Rs("brown"),Rs("center");const ur=Rs("checked"),pr=Rs("circular");Rs("cornflower"),Rs("cranberry"),Rs("custom-error");const mr=Rs("danger");Rs("dark-green"),Rs("dark-red"),Rs("description");const vr=Rs("disabled");Rs("display-shadow"),Rs("dot"),Rs("end"),Rs("error");const br=Rs("expanded"),gr=Rs("extra-large");Rs("extra-small"),Rs("filled-darker"),Rs("filled-lighter"),Rs("fit-center"),Rs("fit-contain"),Rs("fit-cover"),Rs("fit-none"),Rs("flip-block");const fr=Rs("focus-visible");Rs("forest"),Rs("ghost"),Rs("gold"),Rs("grape"),Rs("has-message"),Rs("huge");const wr=Rs("icon");Rs("important"),Rs("indeterminate"),Rs("informative"),Rs("inline"),Rs("inset"),Rs("inverted"),Rs("italic"),Rs("justify");const yr=Rs("large");Rs("lavender"),Rs("light-teal"),Rs("lilac"),Rs("magenta"),Rs("marigold");const $r=Rs("medium");Rs("mink"),Rs("monospace"),Rs("multiline"),Rs("multiple"),Rs("navy"),Rs("neutral"),Rs("nowrap"),Rs("numeric"),Rs("open");const xr=Rs("outline");Rs("pattern-mismatch"),Rs("peach"),Rs("pink"),Rs("placeholder-shown"),Rs("platinum"),Rs("plum");const Cr=Rs("pressed"),kr=Rs("primary");Rs("pumpkin"),Rs("purple"),Rs("range-overflow"),Rs("range-underflow"),Rs("red"),Rs("resize-both"),Rs("resize-horizontal"),Rs("resize-vertical"),Rs("rounded"),Rs("royal-blue"),Rs("seafoam"),Rs("selected"),Rs("semibold"),Rs("severe"),Rs("shadow"),Rs("size-1000"),Rs("size-100"),Rs("size-200"),Rs("size-400"),Rs("size-500"),Rs("size-600"),Rs("size-700"),Rs("size-800"),Rs("size-900");const Ir=Rs("small"),Sr=Rs("square");Rs("steel"),Rs("step-mismatch"),Rs("strikethrough"),Rs("strong");const Er=Rs("submenu"),Lr=Rs("subtle");Rs("success"),Rs("teal"),Rs("tint"),Rs("tiny"),Rs("too-long"),Rs("too-short");const Mr=Rs("transparent");Rs("truncate"),Rs("type-mismatch"),Rs("underline"),Rs("user-invalid"),Rs("valid"),Rs("value-missing"),Rs("vertical"),Rs("warning");const Pr=Qn`
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}}`,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(${vr}) .heading{color:${$};cursor:not-allowed}:host(${vr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
9
- brightness(88%) contrast(87%)}:host(${br}) .content{display:block}:host(${br}) .default-marker-collapsed,:host(${br}) ::slotted([slot="marker-collapsed"]),:host(:not(${br})) :is(.default-marker-expanded,.content),:host(:not(${br})) ::slotted([slot="marker-expanded"]){display:none}:host(${br}) ::slotted([slot="marker-expanded"]),:host(:not(${br})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Ir}) .heading{font-size:${x};line-height:${C}}:host(${yr}) .heading{font-size:${k};line-height:${I}}:host(${gr}) .heading{font-size:${S};line-height:${E}}:host(${hr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${hr})
10
- :is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${v};padding-inline-end:${L}}:host([block]){max-width:100%}:host(${hr}) .heading{padding-inline:${v}}:host(${hr}:has([slot='start'])) .heading{padding-inline:${M} ${v}}:host(:not(:first-child)) .heading{border-block-start:${P} solid ${R};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`,Rr=Us.compose({name:`${or.prefix}-accordion-menu-panel`,template:cr,styles:Pr,shadowOptions:{mode:or.shadowRootMode}}),zr={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Ar={horizontal:"horizontal",vertical:"vertical"},Or={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},Tr=Or,Dr={interactiveChanged:"interactive-changed",click:"click"};var Br=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 Vr extends Xn{constructor(){super(...arguments),this.focusMode=Tr.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=>Vr.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===Tr.off||this.focusMode===Tr.tabOnly,a=this.focusMode===Tr.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case cs:if(!s)return!0;this.interactive?this.emitClickEvent():a||Yn.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case fs:return this.shouldTrapFocus?((l&&!n||d&&n)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==Tr.tabExit||((l&&!n||d&&n||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case bs:this.focusMode!==Tr.off&&this.card.focus(),r||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==Tr.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===Tr.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Dr.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Dr.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==Tr.off&&this.focusMode!==Tr.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&Yn.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:$s(t)||Vr.isFocusableFastElement(t)&&Vr.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>Vr.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=>$s(e))}}Br([Kn({attribute:"focus-mode"})],Vr.prototype,"focusMode",void 0),Br([Kn],Vr.prototype,"appearance",void 0),Br([Kn],Vr.prototype,"role",void 0),Br([Kn],Vr.prototype,"value",void 0),Br([Kn],Vr.prototype,"href",void 0),Br([Kn],Vr.prototype,"orientation",void 0),Br([Kn({mode:"boolean"})],Vr.prototype,"disabled",void 0),Br([Wn,Kn({mode:"boolean"})],Vr.prototype,"interactive",void 0),Br([Kn({attribute:"aria-describedby"})],Vr.prototype,"ariaDescribedby",void 0),Br([Kn({attribute:"aria-labelledby"})],Vr.prototype,"ariaLabelledby",void 0);const _r=Qn`
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:${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:${z};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:${F};border-color:${D};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${H};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 Fr=Zn`<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}" ${Jn("card")}><div class="root" ${Jn("root")}><div class="content"><slot></slot></div></div></div></template>`,Hr=Vr.compose({name:`${or.prefix}-card`,template:Fr,styles:_r,shadowOptions:{mode:or.shadowRootMode}});class Nr extends Xn{}const jr=Qn`
12
+ :host{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 qr=Zn`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Xr=Nr.compose({name:`${or.prefix}-card-footer`,template:qr,styles:jr,shadowOptions:{mode:or.shadowRootMode}});class Kr extends Xn{}const Wr=Qn`
14
+ :host{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 Yr=Zn`<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>`,Gr=Kr.compose({name:`${or.prefix}-card-header`,template:Yr,styles:Wr,shadowOptions:{mode:or.shadowRootMode}});class Ur extends Xn{}const Zr=Qn`
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:${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 Qr=Zn`<template><slot></slot><slot name="badge"></slot></template>`,Jr=Ur.compose({name:`${or.prefix}-card-preview`,template:Qr,styles:Zr,shadowOptions:{mode:or.shadowRootMode}}),ea={grouped:"grouped",flexible:"flexible",hidden:"hidden"},ta={overContent:"over-content",outsideContent:"outside-content"},oa={change:"change"},ia={select:"select",previous:"previous",next:"next"},na=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?ws.rtl:ws.ltr};function sa(){return ha().value===ws.rtl}class ra{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===ws.rtl||o===ws.ltr)return o;if("auto"===o)return null}return null}}class aa{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 la{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:ws.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 da=null;function ca(e){da=e}function ha(){return da||(da=new la({strategies:[new ra([document.documentElement])],observers:[new aa("html")]})),da}const ua=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function pa(e){const{items:t,isDisabled:o=ua,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===ms)return!0;if(("horizontal"===i||"both"===i)&&(o?e===ls:e===as))return!0}else{if(("vertical"===i||"both"===i)&&e===vs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===as:e===ls))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===us?o=m():n&&t===ps&&(o=v()),o&&r&&e.preventDefault(),o},destroy:()=>{}}}class ma{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 va=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 ba extends Xn{constructor(){super(...arguments),this.buttonPlacement=ea.grouped,this.currentIndex=0,this.rovingFocus=pa({items:()=>{var e;return null!==(e=this.slottedNavItems)&&void 0!==e?e:[]},orientation:"horizontal",wrap:!0,enableHomeEnd:!0,isRtl:()=>ha().value===ws.rtl}),this.navItemEvents=new ma,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===cs||o===ds)return e.preventDefault(),void this.emitSelect(t);this.rovingFocus.handleKeydown(e)}handleItemClick(e){this.emitSelect(e)}handlePrevClick(){this.dispatchEvent(new CustomEvent(ia.previous,{bubbles:!0,composed:!0}))}handleNextClick(){this.dispatchEvent(new CustomEvent(ia.next,{bubbles:!0,composed:!0}))}emitSelect(e){this.dispatchEvent(new CustomEvent(ia.select,{detail:{index:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.navItemEvents.dispose(),this.rovingFocus.destroy(),super.disconnectedCallback()}}function ga(e){return"true"===e.getAttribute("aria-disabled")}function fa(e){return"true"===e.getAttribute("aria-hidden")}function wa(e){return!ga(e)&&!fa(e)&&null!==e.offsetParent}function ya(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 $a(e,...t){const o=es.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});es.locate(t).forEach(e=>o.push(e))})}function xa(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Ca(e,t){let o;return function(...i){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,i),t)}}va([Kn({attribute:"button-placement"})],ba.prototype,"buttonPlacement",void 0),va([Kn({attribute:"current-index"})],ba.prototype,"currentIndex",void 0),va([Wn],ba.prototype,"slottedNavItems",void 0);class ka{static setAssertFailFunction(e){ka.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&ka.assertFail(t)}static assertDefined(e,t){this.enabled&&ka.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&ka.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&ka.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(ka.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}}ka.enabled=!1;const Ia=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class Sa{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 Ea(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new Sa(this)})}const La=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name"]);function Ma(e){if(!/^[a-z][.0-9_a-z-]*-[.0-9_a-z-]*$/.test(e)||La.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 Pa(e){return Ma(e.name),e}function Ra(e,...t){if(!e)throw new Error("composeDefinitions requires at least one definition.");const o=e.name;return Ma(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])Ma(o.name),n.has(o.name)||i.get(o.name)||o.define(i),n.add(o.name)}}}class za{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 Aa extends za{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Aa(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 Oa=Aa.with(window.matchMedia("(forced-colors)"));Aa.with(window.matchMedia("(prefers-color-scheme: dark)")),Aa.with(window.matchMedia("(prefers-color-scheme: light)"));const Ta="undefined"!=typeof navigator&&navigator.userAgent.includes("Mac");function Da(e){return Ta?e.metaKey:e.ctrlKey}function Ba(e){return e?"string"==typeof e?new ts(e):"inline"in e?e.inline():e:ts.empty}const Va=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)};function _a(e,t,o){let i=e;return void 0!==t&&i<t&&(i=t),void 0!==o&&i>o&&(i=o),i}function Fa(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}const Ha=Qn`
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(Oa(Qn`
20
- .nav-button:focus-visible{outline-color:Highlight !important}`));const Na=Zn`<template button-placement="${e=>e.buttonPlacement}"><div class="nav-content"><button class="nav-button prev-button" aria-label="Previous" @click="${e=>e.handlePrevClick()}">${rr}</button><div class="indicators" role="tablist" aria-label="Choose slide to display"><slot ${Un({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()}">${ar}</button></div></template>`,ja=ba.compose({name:`${or.prefix}-carousel-nav`,template:Na,styles:Ha,shadowOptions:{mode:or.shadowRootMode}});var qa=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 Xa extends Xn{constructor(){super(...arguments),this.active=!1}}qa([Kn({mode:"boolean"})],Xa.prototype,"active",void 0),qa([Wn],Xa.prototype,"tabId",void 0),qa([Wn],Xa.prototype,"panelId",void 0),qa([Wn],Xa.prototype,"tabLabel",void 0);const Ka=Qn`
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(Oa(Qn`
22
- :host(:focus-visible){outline-color:Highlight !important}`));const Wa=Zn`<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>`,Ya=Xa.compose({name:`${or.prefix}-carousel-nav-item`,template:Wa,styles:Ka,shadowOptions:{mode:or.shadowRootMode}});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 Ua extends Xn{constructor(){super(...arguments),this.carouselId="carousel-"+Ua.idCounter++,this.navPosition=ta.outsideContent,this.navButtonPlacement=ea.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(oa.change,{detail:{index:e,previousIndex:t},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),ja.define(customElements),Ya.define(customElements),this.updateActiveStates()}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.eventListenerAbortController)||void 0===e||e.abort()}}Ua.idCounter=0,Ga([Kn({attribute:"nav-position"})],Ua.prototype,"navPosition",void 0),Ga([Kn({attribute:"nav-button-placement"})],Ua.prototype,"navButtonPlacement",void 0),Ga([Wn],Ua.prototype,"currentIndex",void 0),Ga([Wn],Ua.prototype,"slottedItems",void 0),Ga([Wn],Ua.prototype,"generatedNav",void 0);const Za=Qn`
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 Qa=Zn`<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 ${Un({property:"slottedItems",filter:e=>"FABRIC-CAROUSEL-ITEM"===e.tagName})}></slot></div></div><div class="nav-container"><fabric-carousel-nav ${Jn("generatedNav")} button-placement="${e=>e.navButtonPlacement}" current-index="${e=>e.currentIndex}">${os(e=>e.slottedItems,Zn`<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>`,Ja=Ua.compose({name:`${or.prefix}-carousel`,template:Qa,styles:Za,shadowOptions:{mode:or.shadowRootMode}});function el(e=customElements){ja.define(e),Ya.define(e),Ja.define(e)}el(or.registry);var tl=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 ol extends Xn{constructor(){super(...arguments),this.active=!1}}tl([Kn({mode:"boolean"})],ol.prototype,"active",void 0),tl([Kn],ol.prototype,"label",void 0),tl([Wn],ol.prototype,"panelId",void 0),tl([Wn],ol.prototype,"tabId",void 0);const il=Qn`
24
- :host{display:block;flex-shrink:0;width:100%;box-sizing:border-box}`;const nl=Zn`<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>`,sl=ol.compose({name:`${or.prefix}-carousel-item`,template:nl,styles:il,shadowOptions:{mode:or.shadowRootMode}});var rl,al=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},ll=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},dl=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 Xn{constructor(){super(...arguments),rl.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-${gs()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),Yn.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");ll(this,rl,"rtl"===t||"rtl"===o||"rtl"===i,"f")}getTransform(e){void 0===dl(this,rl,"f")&&this.updateDirection();return`translateX(${dl(this,rl,"f")?e:-e}px)`}updateVisibleItems(){Yn.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,ya(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,ya(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)))})}}rl=new WeakMap,al([Kn({mode:"boolean",attribute:"disable-animation"})],cl.prototype,"disableAnimation",void 0),al([Wn],cl.prototype,"slottedCarouselItems",void 0),al([Wn],cl.prototype,"header",void 0),al([Wn],cl.prototype,"viewportRef",void 0),al([Wn],cl.prototype,"currentIndex",void 0),al([Wn],cl.prototype,"nextButton",void 0),al([Wn],cl.prototype,"prevButton",void 0);const hl=Qn`
18
+ :host{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=ts`
19
+ :host{--_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 ma=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}">${is(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>`,ba=ua.compose({name:`${rr.prefix}-carousel`,template:ma,styles:pa,shadowOptions:{mode:rr.shadowRootMode}}),va={select:"select",previous:"previous",next:"next"},ga=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?xs.rtl:xs.ltr};function fa(){return ka().value===xs.rtl}class wa{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 ya{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 $a{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 xa=null;function Ca(e){xa=e}function ka(){return xa||(xa=new $a({strategies:[new wa([document.documentElement])],observers:[new ya("html")]})),xa}const Ia=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function Ea(e){const{items:t,isDisabled:o=Ia,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 La{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 Sa=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 Ma extends Yn{constructor(){super(...arguments),this.buttonPlacement=aa.grouped,this.currentIndex=0,this.rovingFocus=Ea({items:()=>{var e;return null!==(e=this.slottedNavItems)&&void 0!==e?e:[]},orientation:"horizontal",wrap:!0,enableHomeEnd:!0,isRtl:()=>ka().value===xs.rtl}),this.navItemEvents=new La,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(va.previous,{bubbles:!0,composed:!0}))}handleNextClick(){var e;null===(e=this.controller)||void 0===e||e.next(),this.dispatchEvent(new CustomEvent(va.next,{bubbles:!0,composed:!0}))}emitSelect(e){this.dispatchEvent(new CustomEvent(va.select,{detail:{index:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.navItemEvents.dispose(),this.rovingFocus.destroy(),super.disconnectedCallback()}}function Ta(e){return"true"===e.getAttribute("aria-disabled")}function Pa(e){return"true"===e.getAttribute("aria-hidden")}function Ra(e){return!Ta(e)&&!Pa(e)&&null!==e.offsetParent}function za(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 Aa(e,...t){const o=ns.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});ns.locate(t).forEach(e=>o.push(e))})}function Oa(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Da(e,t){let o;return function(...i){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,i),t)}}Sa([Un({attribute:"button-placement"})],Ma.prototype,"buttonPlacement",void 0),Sa([Un({attribute:"current-index"})],Ma.prototype,"currentIndex",void 0),Sa([Gn],Ma.prototype,"controller",void 0),Sa([Gn],Ma.prototype,"slottedNavItems",void 0);class Ba{static setAssertFailFunction(e){Ba.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Ba.assertFail(t)}static assertDefined(e,t){this.enabled&&Ba.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Ba.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Ba.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Ba.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}}Ba.enabled=!1;const _a=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class Va{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 Fa(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new Va(this)})}const Ha=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name"]);function ja(e){if(!/^[a-z][.0-9_a-z-]*-[.0-9_a-z-]*$/.test(e)||Ha.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 Na(e){return ja(e.name),e}function qa(e,...t){if(!e)throw new Error("composeDefinitions requires at least one definition.");const o=e.name;return ja(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])ja(o.name),n.has(o.name)||i.get(o.name)||o.define(i),n.add(o.name)}}}class Xa{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 Ka extends Xa{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Ka(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 Wa=Ka.with(window.matchMedia("(forced-colors)"));Ka.with(window.matchMedia("(prefers-color-scheme: dark)")),Ka.with(window.matchMedia("(prefers-color-scheme: light)"));const Ya="undefined"!=typeof navigator&&navigator.userAgent.includes("Mac");function Ua(e){return Ya?e.metaKey:e.ctrlKey}function Ga(e){return e?"string"==typeof e?new ss(e):"inline"in e?e.inline():e:ss.empty}const Za=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)};function Qa(e,t,o){let i=e;return void 0!==t&&i<t&&(i=t),void 0!==o&&i>o&&(i=o),i}function Ja(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}const el=ts`
20
+ :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:${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(Wa(ts`
21
+ .nav-button:focus-visible{outline-color:Highlight !important}`));const tl=es`<template button-placement="${e=>e.buttonPlacement}"><div class="nav-content"><slot name="prev-button"><button class="nav-button prev-button" aria-label="${rs(()=>Es("Carousel_Previous"))}" @click="${e=>e.handlePrevClick()}">${ur}</button></slot><div class="indicators" role="tablist" aria-label="${rs(()=>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="${rs(()=>Es("Carousel_Next"))}" @click="${e=>e.handleNextClick()}">${pr}</button></slot></div></template>`,ol=Ma.compose({name:`${rr.prefix}-carousel-nav`,template:tl,styles:el,shadowOptions:{mode:rr.shadowRootMode}});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 Yn{constructor(){super(...arguments),this.active=!1}}il([Un({mode:"boolean"})],nl.prototype,"active",void 0),il([Gn],nl.prototype,"tabId",void 0),il([Gn],nl.prototype,"panelId",void 0),il([Gn],nl.prototype,"tabLabel",void 0);const sl=ts`
22
+ :host{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(Wa(ts`
23
+ :host(:focus-visible){outline-color:Highlight !important}`));const rl=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>`,al=nl.compose({name:`${rr.prefix}-carousel-nav-item`,template:rl,styles:sl,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 dl extends Yn{}ll([Gn],dl.prototype,"controller",void 0);const cl=ts`
24
+ :host{--_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 hl=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>`,ul=dl.compose({name:`${rr.prefix}-carousel-viewport`,template:hl,styles:cl,shadowOptions:{mode:rr.shadowRootMode}});function pl(e=customElements){ul.define(e),ol.define(e),al.define(e),ba.define(e)}pl(rr.registry);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{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,za(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,za(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:${z};font-weight:${ce};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 ul=Zn`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${Jn("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Un("prevButton")}></slot><slot name="next-button" ${Un("nextButton")}></slot></div></div><div class="viewport" role="region" ${Jn("viewportRef")}><slot ${Un({property:"slottedCarouselItems",filter:is()})}></slot></div></template>`,pl=cl.compose({name:`${or.prefix}-card-carousel`,template:ul,styles:hl,shadowOptions:{mode:or.shadowRootMode}});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 vl extends xe{constructor(){super(...arguments),this.iconOnly=!1}}ml([Kn],vl.prototype,"appearance",void 0),ml([Kn],vl.prototype,"shape",void 0),ml([Kn],vl.prototype,"size",void 0),ml([Kn({attribute:"icon-only",mode:"boolean"})],vl.prototype,"iconOnly",void 0);const bl={...Ce,primaryOnBrand:"primary-on-brand"},gl={...Ie},fl={...Se},wl={...ke},yl={...Ee},$l=Qn`
28
- ${Le}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([appearance="primary-on-brand"]){background-color:${Me};color:${Pe};border-color:${Re}}:host(
27
+ :host{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}: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
30
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
30
31
  :focus-visible
31
32
  )
32
- ){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:${Te};border-color:${U}}`,xl=vl.compose({name:`${or.prefix}-button`,template:De,styles:$l,shadowOptions:{mode:or.shadowRootMode}}),Cl={...yl},kl={...wl},Il={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Sl={circular:"circular",square:"square"},El={small:"small",medium:"medium",large:"large"},Ll={pressedChange:"pressed-change"};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 Pl extends vl{constructor(){super(),this.appearance=Il.primary,this.shape=Sl.circular,this.size=El.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){zs(this.elementInternals,"icon",t)}appearanceChanged(e,t){As(this.elementInternals,e,t,zs)}shapeChanged(e,t){As(this.elementInternals,e,t,zs)}sizeChanged(e,t){As(this.elementInternals,e,t,zs)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,zs(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Ll.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()}}Ml([Kn],Pl.prototype,"appearance",void 0),Ml([Kn],Pl.prototype,"shape",void 0),Ml([Kn],Pl.prototype,"size",void 0),Ml([Kn({attribute:"icon-only",mode:"boolean"})],Pl.prototype,"iconOnly",void 0),Ml([Kn({mode:"boolean"})],Pl.prototype,"pressed",void 0),Ml([Kn({mode:"boolean"})],Pl.prototype,"mixed",void 0);const Rl=Qn`
33
+ ){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
34
  ${u("inline-flex")}
34
35
 
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:${Be};color:${me};border:${P} solid ${_};padding:0 ${ae};min-width:calc(${Ve} * 3);border-radius:${p};font-size:${de};font-family:${z};font-weight:${_e};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(${$r}) .content{padding:0 ${g}}:host(${yr}) .content{padding:0 ${ae}}:host(:hover){background-color:${H};color:${Oe};border-color:${Y}}:host(:hover:active){background-color:${q};border-color:${U};color:${Te};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(${wr}){width:${e};height:${e};min-width:${e};min-height:${e};max-width:${e};max-height:${e}}:host(${Ir}){--icon-spacing:${f};min-height:${i};min-width:calc(${Ve} * 2);padding:0 ${v};border-radius:${ve};font-size:${x};line-height:${C};font-weight:${he}}:host(${Ir}${wr}){width:${i};height:${i};min-width:${i};min-height:${i};max-width:${i};max-height:${i}}:host(${yr}){min-height:calc(${je} + ${le});border-radius:${qe};padding:0 ${c};font-size:${k};line-height:${I}}:host(${yr}${wr}){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(${yr}) ::slotted(svg){font-size:${Ne};height:${i};width:${n}}:host(:is(${pr},${pr}:focus-visible)){border-radius:${ge}}:host(:is(${Sr},${Sr}:focus-visible)){border-radius:${Xe}}:host(${kr}){background-color:${Be};color:${me};border-color:transparent}:host(${kr}:hover){background-color:${Ke};color:${me}}:host(${kr}:is(:hover,:hover:active)){border-color:${R}}:host(${kr}:hover:active){border-color:${D};background-color:${We};color:${Pe}}:host(${kr}:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 ${T} ${m}}:host(${xr}){background-color:${y};color:${fe}}:host(${xr}:hover){background-color:${W}}:host(${xr}:hover:active){background-color:${G}}:host(${Lr}){background-color:${F};color:${fe};border-color:transparent}:host(${Lr}:hover){background-color:${Z};color:${Ye};border-color:transparent}:host(${Lr}:hover:active){background-color:${Q};color:${Ge};border-color:transparent}:host(${Lr}:hover) ::slotted(svg){fill:${Ue}}:host(${Lr}:hover:active) ::slotted(svg){fill:${Ze}}:host(${Mr}){background-color:${y};color:${fe}}:host(${Mr}:hover){background-color:${W};color:${Ue}}:host(${Mr}:hover:active){background-color:${G};color:${Ze}}:host(:is(${Mr},${Mr}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${Me};color:${Pe};border-color:${Re}}:host(
36
+ :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:${_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
37
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
37
38
  :focus-visible
38
39
  )
39
- ){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 ${T} ${m}}:host(
40
+ ){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
41
  :is(
41
42
  :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
42
43
  )
@@ -48,53 +49,57 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
48
49
  :is(
49
50
  :disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
50
51
  ):hover:active
51
- ){background-color:${ne};border-color:${Qe};color:${$};cursor:not-allowed}:host(${kr}:is(:disabled,[disabled-focusable])),:host(
52
- ${kr}:is(:disabled,[disabled-focusable]):is(
52
+ ){background-color:${ne};border-color:${Qe};color:${$};cursor:not-allowed}:host(${Pr}:is(:disabled,[disabled-focusable])),:host(
53
+ ${Pr}:is(:disabled,[disabled-focusable]):is(
53
54
  :hover,:hover:active
54
55
  )
55
- ){border-color:transparent}:host(${xr}:is(:disabled,[disabled-focusable])),:host(
56
- ${xr}:is(:disabled,[disabled-focusable]):is(
56
+ ){border-color:transparent}:host(${Mr}:is(:disabled,[disabled-focusable])),:host(
57
+ ${Mr}:is(:disabled,[disabled-focusable]):is(
57
58
  :hover,:hover:active
58
59
  )
59
- ){background-color:${y}}:host(${Lr}:is(:disabled,[disabled-focusable])),:host(
60
- ${Lr}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
61
- ){background-color:${y};border-color:transparent}:host(${Mr}:is(:disabled,[disabled-focusable])),:host(
62
- ${Mr}:is(:disabled,[disabled-focusable]):is(
60
+ ){background-color:${y}}:host(${Or}:is(:disabled,[disabled-focusable])),:host(
61
+ ${Or}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
62
+ ){background-color:${y};border-color:transparent}:host(${Dr}:is(:disabled,[disabled-focusable])),:host(
63
+ ${Dr}:is(:disabled,[disabled-focusable]):is(
63
64
  :hover,:hover:active
64
65
  )
65
- ){border-color:transparent;background-color:${y}}:host(${Cr}){border-color:${D};background-color:${We};color:${Je};border-width:${P}}:host(${Cr}:hover){border-color:${Y};background-color:${H};color:${Oe}}:host(${Cr}:active){border-color:${U};background-color:${q};color:${Te}}:host(${Cr}${kr}){border-color:${D};background-color:${We};color:${Je}}:host(${Cr}${kr}:hover){background-color:${me};color:${Je}}:host(${Cr}${kr}:active){border-color:${D};background-color:${We};color:${Je}}:host(${Cr}${Lr}){border-color:transparent;background-color:${ee};color:${et}}:host(${Cr}${Lr}:hover){background-color:${Z};color:${Ye}}:host(${Cr}${Lr}:active){background-color:${Q};color:${Ge}}:host(${Cr}${xr}),:host(${Cr}${Mr}){background-color:${oe};color:${me};border-color:${U}}:host(${Cr}${xr}){border-width:${T}}:host(${Cr}${xr}:hover),:host(${Cr}${Mr}:hover){background-color:${W}}:host(${Cr}${xr}:active),:host(${Cr}${Mr}:active){background-color:${G};border-width:${T}}:host(${Cr}${Mr}){border-color:transparent;color:${tt}}:host(${Cr}${Mr}:hover){color:${Ue}}:host(${Cr}${Mr}:active){color:${Ze}}`.withBehaviors(Oa(Qn`
66
- :host(${Cr}),:host(${Cr}${kr}),:host(${Cr}${Lr}),:host(${Cr}${xr}),:host(${Cr}${Mr}){background:SelectedItem;color:SelectedItemText}`));const zl=Zn`<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 ${Un("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Al=Pl.compose({name:`${or.prefix}-filter-pill`,template:zl,styles:Rl,shadowOptions:{mode:or.shadowRootMode}}),Ol={...bl},Tl={...gl},Dl={...fl},Bl={...wl},Vl={...yl};var _l=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 Fl extends xe{constructor(){super(...arguments),this.appearance=Ol.primary,this.iconOnly=!1}}_l([Kn],Fl.prototype,"appearance",void 0),_l([Kn],Fl.prototype,"shape",void 0),_l([Kn],Fl.prototype,"size",void 0),_l([Kn({attribute:"icon-only",mode:"boolean"})],Fl.prototype,"iconOnly",void 0);const Hl=Qn`
66
+ ){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(Wa(ts`
67
+ :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
68
  ${ot}
68
- :host([appearance='primary-on-brand']){background-color:${Me};color:${Pe};border-color:${Re}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${Pe}}:host(
69
+ 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`
70
+ :host{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="${rs(()=>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}">${is(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=qa(Na(Gl.compose({name:`${rr.prefix}-modal`,template:dd,styles:od,shadowOptions:{mode:rr.shadowRootMode}})),Na(td),Na(Ol),Na(ol),Na(al)),hd=ts`
71
+ :host{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="${rs(()=>Es("Modal_Close"))}" @click="${e=>e.handleDismiss()}">${nd}</fabric-button></div><p class="description"><slot name="description"></slot></p></div></template>`,pd=qa(Na(Ql.compose({name:`${rr.prefix}-modal-fre-item`,template:ud,styles:hd,shadowOptions:{mode:rr.shadowRootMode}})),Na(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`
72
+ ${at}
73
+ :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
74
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
70
75
  :focus-visible
71
76
  )
72
- ){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}}`,Nl=Fl.compose({name:`${or.prefix}-compound-button`,template:it,styles:Hl,shadowOptions:{mode:or.shadowRootMode}});class jl extends nt{}const ql={...st},Xl={...rt},Kl=jl.compose({name:`${or.prefix}-spinner`,template:lt,styles:at,shadowOptions:{mode:or.shadowRootMode}});var Wl=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 Yl extends dt{constructor(){super(...arguments),this.loading=!1}connectedCallback(){super.connectedCallback(),Kl.define(customElements)}}Wl([Kn({mode:"boolean"})],Yl.prototype,"loading",void 0);const Gl=Qn`
73
- ${Le}: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 Ul=Zn`<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 ${Un("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Zl=Ra(Pa(Yl.compose({name:`${or.prefix}-loading-button`,template:Ul,styles:Gl,shadowOptions:{mode:or.shadowRootMode}})),Pa(Kl)),Ql={hiddenChange:"hidden-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 ed extends Xn{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(Ql.hiddenChange,this.hidden)}}Jl([Kn({mode:"boolean"})],ed.prototype,"hidden",void 0);const td=Qn`
77
+ ){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=Cd.compose({name:`${rr.prefix}-spinner`,template:pt,styles:ut,shadowOptions:{mode:rr.shadowRootMode}});var Ld=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 Sd extends mt{constructor(){super(...arguments),this.loading=!1}connectedCallback(){super.connectedCallback(),Ed.define(customElements)}}Ld([Un({mode:"boolean"})],Sd.prototype,"loading",void 0);const Md=ts`
78
+ ${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:${b}}:host([size="large"]) .content{gap:${ae}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const Td=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>`,Pd=qa(Na(Sd.compose({name:`${rr.prefix}-loading-button`,template:Td,styles:Md,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ed)),Rd={hiddenChange:"hidden-change"};var zd=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 Ad extends Yn{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(Rd.hiddenChange,this.hidden)}}zd([Un({mode:"boolean"})],Ad.prototype,"hidden",void 0);const Od=ts`
74
79
  ${u("block")}
75
80
 
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(Qn`
77
- :host(:focus-visible)::after{outline-color:Highlight}`));const od=Zn`<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>`,id=ed.compose({name:`${or.prefix}-multi-view`,template:od,styles:td,shadowOptions:{mode:or.shadowRootMode}});class nd extends Xn{}const sd=Qn`
81
+ :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:${O} solid ${m};outline-offset:calc(${O} * -1)}`.withBehaviors(bt(ts`
82
+ :host(:focus-visible)::after{outline-color:Highlight}`));const Dd=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>`,Bd=Ad.compose({name:`${rr.prefix}-multi-view`,template:Dd,styles:Od,shadowOptions:{mode:rr.shadowRootMode}});class _d extends Yn{}const Vd=ts`
78
83
  ${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:${Ve};outline-style:none;background-color:${B};color:${me};border:${P} solid ${_};font-size:${de};font-family:${z};font-weight:${_e};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:${je};width:3px;background:${Me}}: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(Qn`
80
- :host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));const rd=Zn`<template slot="controller" role="tab"><slot></slot></template>`,ad=nd.compose({name:`${or.prefix}-multi-view-controller`,template:rd,styles:sd});var ld=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 dd extends Xn{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(),Yn.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,Yn.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 ed){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];Da(e)?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case ms:e.preventDefault(),this.adjustBackward();break;case fs:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case vs:e.preventDefault(),this.adjustForward();break;case us:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case ps:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case cs:case ds:Da(e)?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case bs:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===bs)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===cs)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(),Yn.enqueue(()=>this.setControllers()),Yn.enqueue(()=>this.setMultiViews()),Yn.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-${gs()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${gs()}`})}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=ys(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))})}}ld([Wn],dd.prototype,"multiViews",void 0),ld([Wn],dd.prototype,"controllers",void 0),ld([Wn],dd.prototype,"controllersContainer",void 0),ld([Wn],dd.prototype,"openedMultiViews",void 0);const cd=Qn`
84
+ :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:${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`
85
+ :host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));const Fd=es`<template slot="controller" role="tab"><slot></slot></template>`,Hd=_d.compose({name:`${rr.prefix}-multi-view-controller`,template:Fd,styles:Vd});var jd=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 Nd 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 Ad){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];Ua(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:Ua(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))})}}jd([Gn],Nd.prototype,"multiViews",void 0),jd([Gn],Nd.prototype,"controllers",void 0),jd([Gn],Nd.prototype,"controllersContainer",void 0),jd([Gn],Nd.prototype,"openedMultiViews",void 0);const qd=ts`
81
86
  ${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(Qn`
83
- .controllers:focus-visible::after{outline-color:Highlight}`));const hd=Zn`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Un("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${Jn("controllersContainer")}><slot name="controller" ${Un("controllers")}></slot></div></div></template>`,ud=dd.compose({name:`${or.prefix}-multi-view-group`,template:hd,styles:cd,shadowOptions:{mode:or.shadowRootMode}}),pd={right:"right",left:"left"},md={overflowChange:"overflow-change"};var vd=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 bd extends Xn{}vd([Kn({attribute:"group-id"})],bd.prototype,"groupId",void 0);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};const fd="fabric-overflow-item-update";class wd extends Xn{constructor(){super(...arguments),this.priority=0,this.pinned=!1}priorityChanged(){this.$emit(fd)}pinnedChanged(){this.$emit(fd)}}gd([Kn({attribute:"overflow-id"})],wd.prototype,"overflowId",void 0),gd([Kn({converter:{fromView:Number,toView:String}})],wd.prototype,"priority",void 0),gd([Kn({attribute:"group-id"})],wd.prototype,"groupId",void 0),gd([Kn({mode:"boolean"})],wd.prototype,"pinned",void 0);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 $d extends Xn{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 wd&&this.updateItem(t.overflowId,{priority:t.priority,pinned:t.pinned})}}connectedCallback(){super.connectedCallback(),this.addEventListener(fd,this.handleItemUpdate),this.initManager()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(fd,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 wd){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 bd){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 wd?(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 bd&&(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 wd){if(e.delete(o.overflowId))continue;this.registerElement(o)}else if(o instanceof bd){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=xs(),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(md.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()}}yd([Kn({attribute:"overflow-axis"})],$d.prototype,"overflowAxis",void 0),yd([Kn({attribute:"overflow-direction"})],$d.prototype,"overflowDirection",void 0),yd([Kn({converter:{fromView:Number,toView:String}})],$d.prototype,"padding",void 0),yd([Kn({attribute:"minimum-visible",converter:{fromView:Number,toView:String}})],$d.prototype,"minimumVisible",void 0),yd([Kn({attribute:"has-hidden-items",mode:"boolean"})],$d.prototype,"hasHiddenItems",void 0),yd([Wn],$d.prototype,"overflowCount",void 0),yd([Wn],$d.prototype,"itemVisibilityMap",void 0),yd([Wn],$d.prototype,"menuSlotted",void 0),yd([Wn],$d.prototype,"defaultSlottedContent",void 0);const xd=Qn`
87
+ :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:${O} solid ${m};outline-offset:calc(${O} * -1)}`.withBehaviors(bt(ts`
88
+ .controllers:focus-visible::after{outline-color:Highlight}`));const Xd=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>`,Kd=Nd.compose({name:`${rr.prefix}-multi-view-group`,template:Xd,styles:qd,shadowOptions:{mode:rr.shadowRootMode}}),Wd={right:"right",left:"left"},Yd={overflowChange:"overflow-change"};var Ud=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 Yn{}Ud([Un({attribute:"group-id"})],Gd.prototype,"groupId",void 0);var Zd=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 Qd="fabric-overflow-item-update";class Jd extends Yn{constructor(){super(...arguments),this.priority=0,this.pinned=!1}priorityChanged(){this.$emit(Qd)}pinnedChanged(){this.$emit(Qd)}}Zd([Un({attribute:"overflow-id"})],Jd.prototype,"overflowId",void 0),Zd([Un({converter:{fromView:Number,toView:String}})],Jd.prototype,"priority",void 0),Zd([Un({attribute:"group-id"})],Jd.prototype,"groupId",void 0),Zd([Un({mode:"boolean"})],Jd.prototype,"pinned",void 0);var ec=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 tc 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 Jd&&this.updateItem(t.overflowId,{priority:t.priority,pinned:t.pinned})}}connectedCallback(){super.connectedCallback(),this.addEventListener(Qd,this.handleItemUpdate),this.initManager()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(Qd,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 Jd){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 Gd){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 Jd?(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 Gd&&(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 Jd){if(e.delete(o.overflowId))continue;this.registerElement(o)}else if(o instanceof Gd){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(Yd.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()}}ec([Un({attribute:"overflow-axis"})],tc.prototype,"overflowAxis",void 0),ec([Un({attribute:"overflow-direction"})],tc.prototype,"overflowDirection",void 0),ec([Un({converter:{fromView:Number,toView:String}})],tc.prototype,"padding",void 0),ec([Un({attribute:"minimum-visible",converter:{fromView:Number,toView:String}})],tc.prototype,"minimumVisible",void 0),ec([Un({attribute:"has-hidden-items",mode:"boolean"})],tc.prototype,"hasHiddenItems",void 0),ec([Gn],tc.prototype,"overflowCount",void 0),ec([Gn],tc.prototype,"itemVisibilityMap",void 0),ec([Gn],tc.prototype,"menuSlotted",void 0),ec([Gn],tc.prototype,"defaultSlottedContent",void 0);const oc=ts`
84
89
  ${u("flex")}
85
90
 
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}`,Cd=Zn`<template><slot ${Un("defaultSlottedContent")}></slot><slot name="menu" ${Un("menuSlotted")}></slot></template>`,kd=$d.compose({name:`${or.prefix}-overflow`,template:Cd,styles:xd,shadowOptions:{mode:or.shadowRootMode}}),Id={horizontal:"horizontal",vertical:"vertical"},Sd={start:"start",end:"end"},Ed=Qn`
91
+ :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}`,ic=es`<template><slot ${Jn("defaultSlottedContent")}></slot><slot name="menu" ${Jn("menuSlotted")}></slot></template>`,nc=tc.compose({name:`${rr.prefix}-overflow`,template:ic,styles:oc,shadowOptions:{mode:rr.shadowRootMode}}),sc={horizontal:"horizontal",vertical:"vertical"},rc={start:"start",end:"end"},ac=ts`
87
92
  ${u("inline-flex")}
88
93
 
89
- :host{flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`,Ld=Zn`<template><slot></slot></template>`,Md=wd.compose({name:`${or.prefix}-overflow-item`,template:Ld,styles:Ed,shadowOptions:{mode:or.shadowRootMode}}),Pd=Qn`
94
+ :host{flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`,lc=es`<template><slot></slot></template>`,dc=Jd.compose({name:`${rr.prefix}-overflow-item`,template:lc,styles:ac,shadowOptions:{mode:rr.shadowRootMode}}),cc=ts`
90
95
  ${u("inline-flex")}
91
96
 
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:${R}}:host([data-overflowing]){display:none}`,Rd=Zn`<template><slot></slot></template>`,zd=bd.compose({name:`${or.prefix}-overflow-divider`,template:Rd,styles:Pd,shadowOptions:{mode:or.shadowRootMode}}),Ad="auto",Od="flip",Td="none",Dd={top:"top",right:"right",bottom:"bottom",left:"left"};class Bd{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 Vd={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"},_d=Vd,Fd=Object.values(Vd),Hd={auto:Ad,flip:Od,none:Td},Nd={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},jd={[_d.aboveStart]:_d.belowStart,[_d.aboveCenter]:_d.belowCenter,[_d.aboveEnd]:_d.belowEnd,[_d.belowStart]:_d.aboveStart,[_d.belowCenter]:_d.aboveCenter,[_d.belowEnd]:_d.aboveEnd,[_d.startTop]:_d.endTop,[_d.startMiddle]:_d.endMiddle,[_d.startBottom]:_d.endBottom,[_d.endTop]:_d.startTop,[_d.endMiddle]:_d.startMiddle,[_d.endBottom]:_d.startBottom};function qd(e){switch(e){case _d.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case _d.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case _d.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case _d.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case _d.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case _d.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case _d.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case _d.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case _d.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case _d.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case _d.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case _d.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Xd{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=_d.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=qd(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===Hd.flip?[jd[e]]:this._repositionMode===Hd.auto?Fd.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 Bd({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 Fd){const s=qd(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 Kd=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 Wd extends Xn{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=_d.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=Hd.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(Nd.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(Nd.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Nd.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Nd.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=Ca(()=>{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=Qn`
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=Qn`
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=gs("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(Nd.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 Xd({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(){Yn.enqueue(()=>{this.checkOverflow()})}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Kd([Kn({mode:"boolean"})],Wd.prototype,"beak",void 0),Kd([Kn({mode:"boolean",attribute:"non-clickable"})],Wd.prototype,"nonClickable",void 0),Kd([Kn],Wd.prototype,"size",void 0),Kd([Kn],Wd.prototype,"mode",void 0),Kd([Kn],Wd.prototype,"position",void 0),Kd([Kn({attribute:"target-id"})],Wd.prototype,"targetId",void 0),Kd([Wn],Wd.prototype,"anchorReferences",void 0),Kd([Wn],Wd.prototype,"refsLoaded",void 0),Kd([Kn({attribute:"transition-duration",converter:ns})],Wd.prototype,"transitionDuration",void 0),Kd([Kn({attribute:"transition-delay",converter:ns})],Wd.prototype,"transitionDelay",void 0),Kd([Kn({attribute:"reposition-mode"})],Wd.prototype,"repositionMode",void 0),Kd([Kn({mode:"boolean"})],Wd.prototype,"open",void 0),Kd([Wn],Wd.prototype,"popoverReference",void 0),Kd([Wn],Wd.prototype,"popoverRole",void 0),Kd([Wn],Wd.prototype,"overflowBoundary",void 0);const Yd=Qn`
97
+ :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:${T};background:${P}}:host([data-overflowing]){display:none}`,hc=es`<template><slot></slot></template>`,uc=Gd.compose({name:`${rr.prefix}-overflow-divider`,template:hc,styles:cc,shadowOptions:{mode:rr.shadowRootMode}}),pc="auto",mc="flip",bc="none",vc={top:"top",right:"right",bottom:"bottom",left:"left"};class gc{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 fc={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"},wc=fc,yc=Object.values(fc),$c={auto:pc,flip:mc,none:bc},xc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},Cc={[wc.aboveStart]:wc.belowStart,[wc.aboveCenter]:wc.belowCenter,[wc.aboveEnd]:wc.belowEnd,[wc.belowStart]:wc.aboveStart,[wc.belowCenter]:wc.aboveCenter,[wc.belowEnd]:wc.aboveEnd,[wc.startTop]:wc.endTop,[wc.startMiddle]:wc.endMiddle,[wc.startBottom]:wc.endBottom,[wc.endTop]:wc.startTop,[wc.endMiddle]:wc.startMiddle,[wc.endBottom]:wc.startBottom};function kc(e){switch(e){case wc.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case wc.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case wc.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case wc.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case wc.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case wc.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case wc.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case wc.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case wc.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case wc.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case wc.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case wc.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Ic{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=wc.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=kc(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===$c.flip?[Cc[e]]:this._repositionMode===$c.auto?yc.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 gc({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 yc){const s=kc(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 Ec=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 Lc extends Yn{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=wc.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=$c.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(xc.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(xc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(xc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(xc.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=Da(()=>{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`
98
+ :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`
99
+ :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(xc.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 Ic({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"))}}Ec([Un({mode:"boolean"})],Lc.prototype,"beak",void 0),Ec([Un({mode:"boolean",attribute:"non-clickable"})],Lc.prototype,"nonClickable",void 0),Ec([Un],Lc.prototype,"size",void 0),Ec([Un],Lc.prototype,"mode",void 0),Ec([Un],Lc.prototype,"position",void 0),Ec([Un({attribute:"target-id"})],Lc.prototype,"targetId",void 0),Ec([Gn],Lc.prototype,"anchorReferences",void 0),Ec([Gn],Lc.prototype,"refsLoaded",void 0),Ec([Un({attribute:"transition-duration",converter:ls})],Lc.prototype,"transitionDuration",void 0),Ec([Un({attribute:"transition-delay",converter:ls})],Lc.prototype,"transitionDelay",void 0),Ec([Un({attribute:"reposition-mode"})],Lc.prototype,"repositionMode",void 0),Ec([Un({mode:"boolean"})],Lc.prototype,"open",void 0),Ec([Gn],Lc.prototype,"popoverReference",void 0),Ec([Gn],Lc.prototype,"popoverRole",void 0),Ec([Gn],Lc.prototype,"overflowBoundary",void 0);const Sc=ts`
95
100
  ${u("block")}
96
101
 
97
- .popover-container{position:relative;width:fit-content}.popover{font-family:${z};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(
102
+ .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
103
  16px + var(--beakShadowHorizontalNudge,0px)
99
104
  );top:calc(
100
105
  -8px + var(--beakShadowVerticalNudge,0px)
@@ -102,11 +107,11 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
102
107
  ${c} + var(--beakShadowHorizontalNudge,0px)
103
108
  );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
109
  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(
110
+ );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
111
  100% - 1px + var(--beakShadowHorizontalNudge,0px)
107
112
  );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
113
  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(
114
+ );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
115
  ${c} + var(--beakShadowHorizontalNudge,0px)
111
116
  );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
117
  ${c} + var(--beakShadowHorizontalNudge,0px)
@@ -114,35 +119,35 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
114
119
  -15px + var(--beakShadowHorizontalNudge,0px)
115
120
  );top:calc(
116
121
  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(
122
+ );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
123
  -15px + var(--beakShadowHorizontalNudge,0px)
119
124
  );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
125
  -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 Gd=Zn`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Un("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${Jn("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${ss(e=>e.beak,Zn`<div part="beak" class="beak"></div>`)}</div>${ss(e=>e.beak,Zn`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Ud=Wd.compose({name:`${or.prefix}-popover`,template:Gd,styles:Yd,shadowOptions:{mode:or.shadowRootMode}}),Zd={pageChange:"page-change"},Qd={default:"default",compact:"compact"};var Jd=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 ec=480,tc=640,oc=1024;class ic extends Xn{constructor(){super(...arguments),this.responsiveLayout="full",this.isPaginationStateNormalizationQueued=!1,this.updateResponsiveLayout=()=>{this.responsiveLayout=this.resolveResponsiveLayout()},this.variant=Qd.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===Qd.compact||"compact-minimal"===this.responsiveLayout||"compact"===this.responsiveLayout}get showCompactBoundaryControls(){return this.variant===Qd.compact||"compact-minimal"!==this.responsiveLayout}get showTextNavigation(){return"full"===this.responsiveLayout}getLocalizedString(e){return Cs(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<ec?"compact-minimal":t<tc?"compact":t<oc?"numeric":"full"}emitPageChange(e,t){const o={previousPage:e,currentPage:t};this.dispatchEvent(new CustomEvent(Zd.pageChange,{detail:o,bubbles:!0,composed:!0}))}}Jd([Wn],ic.prototype,"responsiveLayout",void 0),Jd([Kn],ic.prototype,"variant",void 0),Jd([Kn({attribute:"current-page"})],ic.prototype,"currentPage",void 0),Jd([Kn({attribute:"total-pages"})],ic.prototype,"totalPages",void 0),Jd([Kn({mode:"boolean"})],ic.prototype,"disabled",void 0),Jd([Kn({attribute:"label-page-option"})],ic.prototype,"labelPageOption",void 0),Jd([Kn({attribute:"label-page-button"})],ic.prototype,"labelPageButton",void 0),Jd([Kn({attribute:"label-navigation"})],ic.prototype,"labelNavigation",void 0),Jd([Kn({attribute:"label-first-page"})],ic.prototype,"labelFirstPage",void 0),Jd([Kn({attribute:"label-previous-page"})],ic.prototype,"labelPreviousPage",void 0),Jd([Kn({attribute:"label-next-page"})],ic.prototype,"labelNextPage",void 0),Jd([Kn({attribute:"label-last-page"})],ic.prototype,"labelLastPage",void 0),Jd([Kn({attribute:"label-page-summary"})],ic.prototype,"labelPageSummary",void 0),Jd([Kn({attribute:"label-page-numbers"})],ic.prototype,"labelPageNumbers",void 0),Jd([Kn({attribute:"label-previous"})],ic.prototype,"labelPrevious",void 0),Jd([Kn({attribute:"label-next"})],ic.prototype,"labelNext",void 0);const nc=Qn`
126
+ );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 Mc=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>`,Tc=Lc.compose({name:`${rr.prefix}-popover`,template:Mc,styles:Sc,shadowOptions:{mode:rr.shadowRootMode}}),Pc={pageChange:"page-change"},Rc={default:"default",compact:"compact"};var zc=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 Ac=480,Oc=640,Dc=1024;class Bc extends Yn{constructor(){super(...arguments),this.responsiveLayout="full",this.isPaginationStateNormalizationQueued=!1,this.updateResponsiveLayout=()=>{this.responsiveLayout=this.resolveResponsiveLayout()},this.variant=Rc.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===Rc.compact||"compact-minimal"===this.responsiveLayout||"compact"===this.responsiveLayout}get showCompactBoundaryControls(){return this.variant===Rc.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<Ac?"compact-minimal":t<Oc?"compact":t<Dc?"numeric":"full"}emitPageChange(e,t){const o={previousPage:e,currentPage:t};this.dispatchEvent(new CustomEvent(Pc.pageChange,{detail:o,bubbles:!0,composed:!0}))}}zc([Gn],Bc.prototype,"responsiveLayout",void 0),zc([Un],Bc.prototype,"variant",void 0),zc([Un({attribute:"current-page"})],Bc.prototype,"currentPage",void 0),zc([Un({attribute:"total-pages"})],Bc.prototype,"totalPages",void 0),zc([Un({mode:"boolean"})],Bc.prototype,"disabled",void 0),zc([Un({attribute:"label-page-option"})],Bc.prototype,"labelPageOption",void 0),zc([Un({attribute:"label-page-button"})],Bc.prototype,"labelPageButton",void 0),zc([Un({attribute:"label-navigation"})],Bc.prototype,"labelNavigation",void 0),zc([Un({attribute:"label-first-page"})],Bc.prototype,"labelFirstPage",void 0),zc([Un({attribute:"label-previous-page"})],Bc.prototype,"labelPreviousPage",void 0),zc([Un({attribute:"label-next-page"})],Bc.prototype,"labelNextPage",void 0),zc([Un({attribute:"label-last-page"})],Bc.prototype,"labelLastPage",void 0),zc([Un({attribute:"label-page-summary"})],Bc.prototype,"labelPageSummary",void 0),zc([Un({attribute:"label-page-numbers"})],Bc.prototype,"labelPageNumbers",void 0),zc([Un({attribute:"label-previous"})],Bc.prototype,"labelPrevious",void 0),zc([Un({attribute:"label-next"})],Bc.prototype,"labelNext",void 0);const _c=ts`
122
127
  ${u("inline-flex")}
123
128
 
124
- :host{box-sizing:border-box;font-family:${z}}.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:${Fe};cursor:pointer}button:disabled{color:${w};cursor:default}.text-button{display:inline-flex;align-items:center;gap:${f};font-weight:${_e};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:${_e};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:${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:${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}}`,sc=Zn`<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>`,rc=Zn`<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>`,ac=Zn`<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>`,lc=Zn`<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>`,dc=Zn`<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>`,cc=Zn`<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 hc=Zn`<template><nav class="pagination-root" aria-label="${e=>e.labelNavigation||Cs("Pagination_Navigation")}">${ss(e=>e.usesCompactControls,Zn` ${ss(e=>e.showCompactBoundaryControls,Zn`<button type="button" class="icon-button" data-action="first" data-nav="first" aria-label="${e=>e.labelFirstPage||Cs("Pagination_FirstPage")}" @click="${e=>e.firstPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--first" aria-hidden="true">${ac}</span></button>`)}<button type="button" class="icon-button" data-action="previous" data-nav="previous" aria-label="${e=>e.labelPreviousPage||Cs("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${lc}</span></button><fabric-dropdown class="compact-dropdown" aria-label="${e=>e.labelPageSummary||Cs("Pagination_PageSummary")}" value="${e=>String(e.normalizedCurrentPage)}" @change="${(e,t)=>e.handleCompactDropdownChange(t.event)}" ?disabled="${e=>e.disabled}"><fabric-listbox>${os(e=>Array.from({length:e.normalizedTotalPages},(e,t)=>t+1),Zn`<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||Cs("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--next" aria-hidden="true">${dc}</span></button>${ss(e=>e.showCompactBoundaryControls,Zn`<button type="button" class="icon-button" data-action="last" data-nav="last" aria-label="${e=>e.labelLastPage||Cs("Pagination_LastPage")}" @click="${e=>e.lastPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--last" aria-hidden="true">${cc}</span></button>`)} `,Zn`<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||Cs("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${lc}</span>${ss(e=>e.showTextNavigation,Zn`<span class="button-label"><slot name="label-previous">${e=>e.labelPrevious||Cs("Pagination_Previous")}</slot></span>`)}</button><div class="page-items" role="group" aria-label="${e=>e.labelPageNumbers||Cs("Pagination_PageNumbers")}">${os(e=>e.pageItems,Zn` ${ss(e=>"ellipsis"===e,Zn`<span class="ellipsis" aria-hidden="true">...</span>`,Zn`<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||Cs("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}">${ss(e=>e.showTextNavigation,Zn`<span class="button-label"><slot name="label-next">${e=>e.labelNext||Cs("Pagination_Next")}</slot></span>`)}<span class="navigation-icon navigation-icon--next" aria-hidden="true">${dc}</span></button>`)}</nav></template>`,uc=ic.compose({name:`${or.prefix}-pagination`,template:hc,styles:nc,shadowOptions:{mode:or.shadowRootMode}}),pc=Qn`
125
- ${pt}
129
+ :host{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 Vc=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>${is(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")}">${is(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>`,Fc=Bc.compose({name:`${rr.prefix}-pagination`,template:Vc,styles:_c,shadowOptions:{mode:rr.shadowRootMode}}),Hc=ts`
130
+ ${gt}
126
131
 
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(${fr})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;class mc extends mt{constructor(){super(...arguments),this._pointerFocused=!1,this.handlePointerDown=()=>{this._pointerFocused=!0,zs(this.elementInternals,"focus-visible",!1)},this.focusVisibleIn=()=>{this._pointerFocused||zs(this.elementInternals,"focus-visible",!0),this._pointerFocused=!1},this.focusVisibleOut=()=>{this._pointerFocused=!1,zs(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 vc=mc.compose({name:`${or.prefix}-dropdown`,template:vt,styles:pc,shadowOptions:{delegatesFocus:!0}});class bc extends bt{}const gc=bc.compose({name:`${or.prefix}-option`,template:ft,styles:gt,shadowOptions:{delegatesFocus:!0}});function fc(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function wc(e){return fc(e)?e.options:wt(e)?[e]:[]}class yc extends yt{isOptionInDisabledGroup(e){return fc(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,()=>{Yn.enqueue(()=>{const e=o.assignedElements(),t=[];for(const o of e)if(fc(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=fc(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&&fc(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",zs(this.elementInternals,"multiple",t),Yn.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const $c=yc.compose({name:`${or.prefix}-listbox`,template:xt,styles:$t,shadowOptions:{delegatesFocus:!0}});function xc(e=customElements){vc.define(e),$c.define(e),gc.define(e),uc.define(e)}xc(or.registry);const Cc=["base","embed","form","frame","iframe","link","meta","object","script","style"],kc=["data","formaction","onclick","onerror","onload","onmouseover","src"];class Ic{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,Cc,kc),(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))})})}}Ic.parser=new DOMParser,Ic.sanitize.bind(Ic);class Sc{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 Ic.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))}),Ec(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));Ec(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 Ec(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}Sc.cache=new Map,Sc.parser=new DOMParser;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 Mc extends Xn{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,Sc.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=Qn`
128
- :host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=Qn`
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")}}Lc([Kn],Mc.prototype,"name",void 0),Lc([Kn],Mc.prototype,"size",void 0),Lc([Kn],Mc.prototype,"path",void 0),Lc([Kn({attribute:"aria-hidden"})],Mc.prototype,"ariaHidden",void 0),Lc([Kn],Mc.prototype,"focusable",void 0);const Pc=Qn`
132
+ ::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 jc 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 Nc=jc.compose({name:`${rr.prefix}-dropdown`,template:wt,styles:Hc,shadowOptions:{delegatesFocus:!0}});class qc extends yt{}const Xc=qc.compose({name:`${rr.prefix}-option`,template:xt,styles:$t,shadowOptions:{delegatesFocus:!0}});function Kc(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function Wc(e){return Kc(e)?e.options:Ct(e)?[e]:[]}class Yc extends kt{isOptionInDisabledGroup(e){return Kc(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(Kc(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=Kc(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&&Kc(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 Uc=Yc.compose({name:`${rr.prefix}-listbox`,template:Et,styles:It,shadowOptions:{delegatesFocus:!0}});function Gc(e=customElements){Nc.define(e),Uc.define(e),Xc.define(e),Fc.define(e)}Gc(rr.registry);const Zc=["base","embed","form","frame","iframe","link","meta","object","script","style"],Qc=["data","formaction","onclick","onerror","onload","onmouseover","src"];class Jc{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,Zc,Qc),(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))})})}}Jc.parser=new DOMParser,Jc.sanitize.bind(Jc);class eh{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 Jc.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))}),th(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));th(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 th(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}eh.cache=new Map,eh.parser=new DOMParser;var oh=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 ih 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,eh.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`
133
+ :host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=ts`
134
+ :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")}}oh([Un],ih.prototype,"name",void 0),oh([Un],ih.prototype,"size",void 0),oh([Un],ih.prototype,"path",void 0),oh([Un({attribute:"aria-hidden"})],ih.prototype,"ariaHidden",void 0),oh([Un],ih.prototype,"focusable",void 0);const nh=ts`
130
135
  ${u("inline-flex")}
131
136
 
132
- :host,:host svg{height:var(--icon-height,${o});width:var(--icon-width,${o})}:host svg:not([role="img"]){fill:currentcolor}`,Rc=Zn`<template></template>`,zc=Mc.compose({name:`${or.prefix}-svg-icon`,template:Rc,styles:Pc,shadowOptions:{mode:or.shadowRootMode}});zc.define(or.registry);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};class Oc extends Xn{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)}}Ac([Wn],Oc.prototype,"tableHeadRef",void 0),Ac([Wn],Oc.prototype,"tableBodyRef",void 0),Ac([Wn],Oc.prototype,"rows",void 0),Ac([Wn],Oc.prototype,"columns",void 0),Ac([Kn({mode:"boolean"})],Oc.prototype,"sortable",void 0),Ac([Wn],Oc.prototype,"tableRendered",void 0),Ac([Kn({attribute:"sort-direction"})],Oc.prototype,"sortDirection",void 0),Ac([Wn],Oc.prototype,"activeColumnKey",void 0);const Tc={ascending:"ascending",descending:"descending"};class Dc extends Xn{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const Bc=Qn`
137
+ :host,:host svg{height:var(--icon-height,${o});width:var(--icon-width,${o})}:host svg:not([role="img"]){fill:currentcolor}`,sh=es`<template></template>`,rh=ih.compose({name:`${rr.prefix}-svg-icon`,template:sh,styles:nh,shadowOptions:{mode:rr.shadowRootMode}});rh.define(rr.registry);var ah=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 lh 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)}}ah([Gn],lh.prototype,"tableHeadRef",void 0),ah([Gn],lh.prototype,"tableBodyRef",void 0),ah([Gn],lh.prototype,"rows",void 0),ah([Gn],lh.prototype,"columns",void 0),ah([Un({mode:"boolean"})],lh.prototype,"sortable",void 0),ah([Gn],lh.prototype,"tableRendered",void 0),ah([Un({attribute:"sort-direction"})],lh.prototype,"sortDirection",void 0),ah([Gn],lh.prototype,"activeColumnKey",void 0);const dh={ascending:"ascending",descending:"descending"};class ch extends Yn{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const hh=ts`
133
138
  ${u("table-cell")}
134
139
 
135
- :host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${v}}`;const Vc=Zn`<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>`,_c=Dc.compose({name:`${or.prefix}-table-cell`,template:Vc,styles:Bc,shadowOptions:{mode:or.shadowRootMode}}),Fc=Qn`
140
+ :host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${b}}`;const uh=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>`,ph=ch.compose({name:`${rr.prefix}-table-cell`,template:uh,styles:hh,shadowOptions:{mode:rr.shadowRootMode}}),mh=ts`
136
141
  ${u("table")}
137
142
 
138
- 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:${P} solid ${R}}tbody tr:hover{color:${Oe};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:${H}}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 Hc=Zn`<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 ${Jn("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${Jn("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,Nc=Ra(Pa(Oc.compose({name:`${or.prefix}-table`,template:Hc,styles:Fc,shadowOptions:{mode:or.shadowRootMode}})),Pa(_c));class jc extends Xn{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 qc=Qn`
139
- fabric-simple-table{display:block;font-family:${z}}.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:${P} solid ${R}}.microsoft-fabric-ux-fabric-simple-table th{color:${me};text-align:start;font-weight:${_e};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(Oa(Qn`
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}`)),Xc=jc.compose({name:`${or.prefix}-simple-table`,styles:qc,shadowOptions:null}),Kc={small:"small",medium:"medium",large:"large"},Wc={extraSmall:"extraSmall",small:"small",medium:"medium"},Yc={caption1:"caption1",body1:"body1"},Gc={rounded:"rounded",circular:"circular"},Uc={filled:"filled",outline:"outline",brand:"brand"},Zc={dismiss:"dismiss"};var Qc=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 Jc extends Xn{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(Zc.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()}}Qc([Wn],Jc.prototype,"dismissButtonRef",void 0),Qc([Kn({mode:"boolean",attribute:"dismiss-button"})],Jc.prototype,"dismissButton",void 0),Qc([Kn({mode:"boolean"})],Jc.prototype,"disabled",void 0),Qc([Kn],Jc.prototype,"size",void 0),Qc([Kn],Jc.prototype,"shape",void 0),Qc([Kn],Jc.prototype,"appearance",void 0),Qc([Wn],Jc.prototype,"textPrimaryContent",void 0),Qc([Wn],Jc.prototype,"textPrimarySlotted",void 0),Qc([Wn],Jc.prototype,"textSecondarySlotted",void 0),Qc([Wn],Jc.prototype,"textSizePrimary",void 0),Qc([Wn],Jc.prototype,"leadingIconSlotted",void 0);const eh=Qn`
143
+ 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 bh=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>`,vh=qa(Na(lh.compose({name:`${rr.prefix}-table`,template:bh,styles:mh,shadowOptions:{mode:rr.shadowRootMode}})),Na(ph));class gh 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 fh=ts`
144
+ 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(Wa(ts`
145
+ .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}`)),wh=gh.compose({name:`${rr.prefix}-simple-table`,styles:fh,shadowOptions:null}),yh={small:"small",medium:"medium",large:"large"},$h={extraSmall:"extraSmall",small:"small",medium:"medium"},xh={caption1:"caption1",body1:"body1"},Ch={rounded:"rounded",circular:"circular"},kh={filled:"filled",outline:"outline",brand:"brand"},Ih={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 Lh 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(Ih.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],Lh.prototype,"dismissButtonRef",void 0),Eh([Un({mode:"boolean",attribute:"dismiss-button"})],Lh.prototype,"dismissButton",void 0),Eh([Un({mode:"boolean"})],Lh.prototype,"disabled",void 0),Eh([Un],Lh.prototype,"size",void 0),Eh([Un],Lh.prototype,"shape",void 0),Eh([Un],Lh.prototype,"appearance",void 0),Eh([Gn],Lh.prototype,"textPrimaryContent",void 0),Eh([Gn],Lh.prototype,"textPrimarySlotted",void 0),Eh([Gn],Lh.prototype,"textSecondarySlotted",void 0),Eh([Gn],Lh.prototype,"textSizePrimary",void 0),Eh([Gn],Lh.prototype,"leadingIconSlotted",void 0);const Sh=ts`
141
146
  ${u("block")}
142
- .caption1{${Ct}}.caption2{${kt}}.body1{${It}}:host{height:${e};width:fit-content;display:inline-flex;align-items:center;background-color:${St};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:${Et}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Et}}: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:${Et};color:${B}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${$};color:${ne}}`,th=Zn`<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 oh=Zn`<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" ${Un("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Un("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Un("textSecondarySlotted")}></slot><slot></slot></div>${ss(e=>e.dismissButton,Zn`<fluent-button class="dismissButton" part="dismissButton" ${Jn("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${th}</slot></fluent-button>`)}</div></div></template>`,ih=Ra(Pa(Jc.compose({name:`${or.prefix}-tag`,template:oh,styles:eh,shadowOptions:{mode:or.shadowRootMode}})),Pa(Pt)),nh={small:"small",medium:"medium",large:"large"},sh={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"},rh={openChange:"open-change",dismiss:"dismiss"};var ah=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 lh extends Xn{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=ks(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),lh.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),lh.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(rh.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?[Is({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Ss(10),...e]}:{middleware:[Es({autoAlignment:!0}),Ss(10),...e]};this.targetEl&&Ls(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 fs:this.handleTabKeyDown(e);break;case bs: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===lh.openInstances.size,i=t&&o;i&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Yn.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!(lh.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),Yn.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(),lh.openInstances.delete(this)}openChanged(){this.initializePosition(),Yn.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(rh.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;($s(o)||lh.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()}}lh.openInstances=new Set,ah([Kn({mode:"fromView"})],lh.prototype,"target",void 0),ah([Kn({mode:"reflect"})],lh.prototype,"placement",void 0),ah([Kn({mode:"boolean"})],lh.prototype,"open",void 0),ah([Kn({mode:"boolean",attribute:"disable-trap-focus"})],lh.prototype,"disableTrapFocus",void 0),ah([Kn({mode:"reflect"})],lh.prototype,"size",void 0);const dh=Qn`
147
+ .caption1{${Lt}}.caption2{${St}}.body1{${Mt}}:host{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}}`,Mh=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 Th=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">${Mh}</slot></fluent-button>`)}</div></div></template>`,Ph=qa(Na(Lh.compose({name:`${rr.prefix}-tag`,template:Th,styles:Sh,shadowOptions:{mode:rr.shadowRootMode}})),Na(zt)),Rh={small:"small",medium:"medium",large:"large"},zh={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"},Ah={openChange:"open-change",dismiss:"dismiss"};var Oh=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 Dh 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),Dh.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),Dh.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(Ah.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===Dh.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!(Dh.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(),Dh.openInstances.delete(this)}openChanged(){this.initializePosition(),Zn.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(Ah.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(ks(o)||Dh.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()}}Dh.openInstances=new Set,Oh([Un({mode:"fromView"})],Dh.prototype,"target",void 0),Oh([Un({mode:"reflect"})],Dh.prototype,"placement",void 0),Oh([Un({mode:"boolean"})],Dh.prototype,"open",void 0),Oh([Un({mode:"boolean",attribute:"disable-trap-focus"})],Dh.prototype,"disableTrapFocus",void 0),Oh([Un({mode:"reflect"})],Dh.prototype,"size",void 0);const Bh=ts`
143
148
  ${u("block")}
144
149
 
145
- :host{position:absolute;border:1px solid ${Me};border-radius:${p};background-color:${Me};color:${B};padding:${c};box-shadow:${Rt};max-width:calc(${Ve} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${z};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:${v}}.arrow{position:absolute;background:${Me};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:${_e};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:${S}}slot[name="footer"]::slotted(*){line-height:${C};margin-top:${ae};padding-top:${ae}}`;const ch=Zn`<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" ${Jn("arrowEl")}></div></template>`,hh=lh.compose({name:`${or.prefix}-teaching-bubble`,template:ch,styles:dh,shadowOptions:{mode:or.shadowRootMode}}),uh={incomplete:"incomplete",complete:"complete",error:"error"},ph={stepChange:"step-change",stepSelect:"step-select"},mh={panelChange:"panel-change"},vh={...uh};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 gh extends Xn{constructor(){super(...arguments),this.hidden=!0,this.state=vh.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(mh.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}bh([Wn],gh.prototype,"index",void 0),bh([Kn({mode:"boolean"})],gh.prototype,"hidden",void 0),bh([Kn],gh.prototype,"state",void 0),bh([Kn({mode:"boolean"})],gh.prototype,"active",void 0);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 Xn{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=uh.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=uh.complete}setIncomplete(){this.state=uh.incomplete}setError(){this.state=uh.error}emitChange(){this.$emit(ph.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(ph.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===cs)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}fh([Kn({mode:"boolean"})],wh.prototype,"numbered",void 0),fh([Kn({mode:"boolean",attribute:"hide-connector"})],wh.prototype,"hideConnector",void 0),fh([Kn({mode:"boolean"})],wh.prototype,"active",void 0),fh([Kn({mode:"boolean"})],wh.prototype,"disabled",void 0),fh([Kn({attribute:"aria-describedby"})],wh.prototype,"ariaDescribedby",void 0),fh([Kn({attribute:"aria-labelledby"})],wh.prototype,"ariaLabelledby",void 0),fh([Kn],wh.prototype,"state",void 0),fh([Wn],wh.prototype,"button",void 0),fh([Kn({converter:ns})],wh.prototype,"index",void 0),fh([Wn],wh.prototype,"details",void 0),fh([Wn],wh.prototype,"title",void 0);const yh={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var $h=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 xh extends Xn{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(),Yn.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&&Yn.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=uh.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=uh.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=uh.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=uh.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 cs:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case bs:e.preventDefault(),this.stepcontainer.focus();break;case cs:e.preventDefault(),this.handleStepSelect(e);break;case ms:e.preventDefault(),this.focusPreviousStep();break;case vs:e.preventDefault(),this.focusNextStep();break;case us:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case ps: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===uh.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!==uh.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&&Yn.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(gs())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(gs())}`})}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(yh.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())}}$h([Kn({mode:"boolean"})],xh.prototype,"numbered",void 0),$h([Kn({mode:"boolean"})],xh.prototype,"linear",void 0),$h([Kn({mode:"boolean",attribute:"disable-on-complete"})],xh.prototype,"disableOnComplete",void 0),$h([Kn({attribute:"current-index",converter:ns})],xh.prototype,"currentIndex",void 0),$h([Wn],xh.prototype,"stepcontainer",void 0),$h([Wn],xh.prototype,"panelcontainer",void 0),$h([Wn],xh.prototype,"slottedsteps",void 0),$h([Wn],xh.prototype,"slottedactions",void 0),$h([Wn],xh.prototype,"slottedpanels",void 0),$h([Wn],xh.prototype,"activeid",void 0);const Ch=Qn`
150
+ :host{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 _h=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>`,Vh=Dh.compose({name:`${rr.prefix}-teaching-bubble`,template:_h,styles:Bh,shadowOptions:{mode:rr.shadowRootMode}}),Fh={incomplete:"incomplete",complete:"complete",error:"error"},Hh={stepChange:"step-change",stepSelect:"step-select"},jh={panelChange:"panel-change"},Nh={...Fh};var qh=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 Xh extends Yn{constructor(){super(...arguments),this.hidden=!0,this.state=Nh.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(jh.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}qh([Gn],Xh.prototype,"index",void 0),qh([Un({mode:"boolean"})],Xh.prototype,"hidden",void 0),qh([Un],Xh.prototype,"state",void 0),qh([Un({mode:"boolean"})],Xh.prototype,"active",void 0);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.active=!1,this.disabled=!1,this.state=Fh.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=Fh.complete}setIncomplete(){this.state=Fh.incomplete}setError(){this.state=Fh.error}emitChange(){this.$emit(Hh.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(Hh.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()}}Kh([Un({mode:"boolean"})],Wh.prototype,"numbered",void 0),Kh([Un({mode:"boolean",attribute:"hide-connector"})],Wh.prototype,"hideConnector",void 0),Kh([Un({mode:"boolean"})],Wh.prototype,"active",void 0),Kh([Un({mode:"boolean"})],Wh.prototype,"disabled",void 0),Kh([Un({attribute:"aria-describedby"})],Wh.prototype,"ariaDescribedby",void 0),Kh([Un({attribute:"aria-labelledby"})],Wh.prototype,"ariaLabelledby",void 0),Kh([Un],Wh.prototype,"state",void 0),Kh([Gn],Wh.prototype,"button",void 0),Kh([Un({converter:ls})],Wh.prototype,"index",void 0),Kh([Gn],Wh.prototype,"details",void 0),Kh([Gn],Wh.prototype,"title",void 0);const Yh={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Uh=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 Gh 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=Fh.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Fh.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Fh.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=Fh.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===Fh.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!==Fh.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(Yh.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())}}Uh([Un({mode:"boolean"})],Gh.prototype,"numbered",void 0),Uh([Un({mode:"boolean"})],Gh.prototype,"linear",void 0),Uh([Un({mode:"boolean",attribute:"disable-on-complete"})],Gh.prototype,"disableOnComplete",void 0),Uh([Un({attribute:"current-index",converter:ls})],Gh.prototype,"currentIndex",void 0),Uh([Gn],Gh.prototype,"stepcontainer",void 0),Uh([Gn],Gh.prototype,"panelcontainer",void 0),Uh([Gn],Gh.prototype,"slottedsteps",void 0),Uh([Gn],Gh.prototype,"slottedactions",void 0),Uh([Gn],Gh.prototype,"slottedpanels",void 0),Uh([Gn],Gh.prototype,"activeid",void 0);const Zh=ts`
146
151
  ${u("block")}
147
152
 
148
153
  :host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
@@ -150,46 +155,61 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
150
155
  ${Ve}
151
156
  );--wizard-overflow-step-width:calc(
152
157
  ${pe} + ${f}
153
- );--wizard-scrollbar-radius:${f};--wizard-scrollbar-spacing:${f};--wizard-scrollbar-thumb-color:${w};--wizard-scrollbar-track-color:${St}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${be} ${pe}}.steps{background-color:${St};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(
158
+ );--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
159
  --wizard-tablist-width,var(--wizard-overflow-tablist-width)
155
- );width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${be} ${Ve}
156
- ${be} ${pe}}:host(.overflow) .steps{width:fit-content}}`;const kh=Zn`<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)}" ${Jn("stepcontainer")}><slot name="step" ${Un("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${Jn("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" ${Un("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Un("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,Ih=xh.compose({name:`${or.prefix}-wizard`,template:kh,styles:Ch,shadowOptions:{mode:or.shadowRootMode}}),Sh=Qn`
160
+ );width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${ve} ${Ve}
161
+ ${ve} ${pe}}:host(.overflow) .steps{width:fit-content}}`;const Qh=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>`,Jh=Gh.compose({name:`${rr.prefix}-wizard`,template:Qh,styles:Zh,shadowOptions:{mode:rr.shadowRootMode}}),eu=ts`
157
162
  ${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 Eh=Zn`<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>`,Lh=gh.compose({name:`${or.prefix}-wizard-panel`,template:Eh,styles:Sh,shadowOptions:{mode:or.shadowRootMode}}),Mh=Qn`
163
+ :host{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 tu=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>`,ou=Xh.compose({name:`${rr.prefix}-wizard-panel`,template:tu,styles:eu,shadowOptions:{mode:rr.shadowRootMode}}),iu=ts`
159
164
  ${u("block")}
160
165
 
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:${z};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:${Be};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:${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:${_e}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${zt};border-color:${zt};color:${Pe}}: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}`,Ph=Zn`<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>`,Rh=Zn`<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 zh=Zn`<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?Zn`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?Zn`<slot name="complete">${Ph}</slot>`:""} ${e=>"error"===e.state?Zn`<slot name="error">${Rh}</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>`,Ah=wh.compose({name:`${or.prefix}-wizard-step`,template:zh,styles:Mh,shadowOptions:{mode:or.shadowRootMode}});class Oh extends Ot{}const Th={...Dt},Dh={...Tt},Bh=Oh.compose({name:`${or.prefix}-accordion-item`,template:Vt,styles:Bt,shadowOptions:{mode:or.shadowRootMode}});class Vh extends _t{}const _h=Vh.compose({name:`${or.prefix}-accordion`,template:Ht,styles:Ft,shadowOptions:{mode:or.shadowRootMode}}),Fh={...Nt},Hh={...qt},Nh={...Xt},jh={...jt};class qh extends Kt{clickHandler(e){if(this.href){if(!(Da(e)||this.target===Nh._blank))return super.clickHandler(e);e.preventDefault(),window.open(this.href,"_blank")}return!0}}const Xh=Zn`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><slot></slot></template>`,Kh=qh.compose({name:`${or.prefix}-link`,template:Xh,styles:Wt,shadowOptions:{mode:or.shadowRootMode}});class Wh extends Yt{}const Yh={...Gt},Gh={...Ut},Uh={...Zt},Zh={...Qt},Qh={...Jt},Jh={...eo},eu=Wh.compose({name:`${or.prefix}-avatar`,template:oo,styles:to,shadowOptions:{mode:or.shadowRootMode}});class tu extends io{}const ou={...no},iu={...so},nu={...ro},su={...ao},ru=tu.compose({name:`${or.prefix}-badge`,template:co,styles:lo,shadowOptions:{mode:or.shadowRootMode}});class au extends ho{}const lu={...uo},du={...po},cu=au.compose({name:`${or.prefix}-checkbox`,template:vo,styles:mo,shadowOptions:{mode:or.shadowRootMode}});class hu extends bo{}const uu={...go},pu={...fo},mu={...wo},vu={...yo},bu=hu.compose({name:`${or.prefix}-counter-badge`,template:xo,styles:$o,shadowOptions:{mode:or.shadowRootMode}});class gu extends Co{}const fu=Qn`
162
- ${ko}
163
- dialog{max-width:var(--dialog-max-width,600px)}}`,wu=gu.compose({name:`${or.prefix}-dialog`,template:Io,styles:fu,shadowOptions:{mode:or.shadowRootMode}}),yu={modal:"modal",nonModal:"non-modal",alert:"alert"};class $u extends So{}const xu=$u.compose({name:`${or.prefix}-dialog-body`,template:Lo,styles:Eo,shadowOptions:{mode:or.shadowRootMode}});class Cu extends Mo{}const ku={...Po},Iu={...Ro},Su={...zo},Eu={...Ao},Lu=Qn`
164
- ${Oo}
165
- :host([orientation='vertical']){min-height:unset}`,Mu=To,Pu=Cu.compose({name:`${or.prefix}-divider`,template:To,styles:Lu,shadowOptions:{mode:or.shadowRootMode}});class Ru extends Do{}const zu={...Bo},Au={...Vo},Ou={..._o},Tu=Ru.compose({name:`${or.prefix}-drawer`,template:Ho,styles:Fo,shadowOptions:{mode:or.shadowRootMode}});class Du extends No{}const Bu=Du.compose({name:`${or.prefix}-drawer-body`,template:qo,styles:jo,shadowOptions:{mode:or.shadowRootMode}}),Vu={...Xo},_u={...Ko},Fu={...Wo};class Hu extends Yo{setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||gs("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)}}),t.length&&this.input.setAttribute("aria-labelledby",t.join(" "))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),t&&this.input&&this.setLabelPropertiesExtended()}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const Nu=Qn`
166
+ .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}`,nu=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>`,su=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 ru=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">${nu}</slot>`:""} ${e=>"error"===e.state?es`<slot name="error">${su}</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>`,au=Wh.compose({name:`${rr.prefix}-wizard-step`,template:ru,styles:iu,shadowOptions:{mode:rr.shadowRootMode}});class lu extends Bt{}const du={...Vt},cu={..._t},hu=lu.compose({name:`${rr.prefix}-accordion-item`,template:Ht,styles:Ft,shadowOptions:{mode:rr.shadowRootMode}});class uu extends jt{}const pu=uu.compose({name:`${rr.prefix}-accordion`,template:qt,styles:Nt,shadowOptions:{mode:rr.shadowRootMode}}),mu={...Xt},bu={...Wt},vu={...Yt},gu={...Kt};class fu extends Ut{clickHandler(e){if(this.href){if(!(Ua(e)||this.target===vu._blank))return super.clickHandler(e);e.preventDefault(),window.open(this.href,"_blank")}return!0}}const wu=es`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><slot></slot></template>`,yu=fu.compose({name:`${rr.prefix}-link`,template:wu,styles:Gt,shadowOptions:{mode:rr.shadowRootMode}});class $u extends Zt{}const xu={...Qt},Cu={...Jt},ku={...eo},Iu={...to},Eu={...oo},Lu={...io},Su=$u.compose({name:`${rr.prefix}-avatar`,template:so,styles:no,shadowOptions:{mode:rr.shadowRootMode}});class Mu extends ro{}const Tu={...ao},Pu={...lo},Ru={...co},zu={...ho},Au=Mu.compose({name:`${rr.prefix}-badge`,template:po,styles:uo,shadowOptions:{mode:rr.shadowRootMode}});class Ou extends mo{}const Du={...bo},Bu={...vo},_u=Ou.compose({name:`${rr.prefix}-checkbox`,template:fo,styles:go,shadowOptions:{mode:rr.shadowRootMode}});class Vu extends wo{}const Fu={...yo},Hu={...$o},ju={...xo},Nu={...Co},qu=Vu.compose({name:`${rr.prefix}-counter-badge`,template:Io,styles:ko,shadowOptions:{mode:rr.shadowRootMode}}),Xu={modal:"modal",nonModal:"non-modal",alert:"alert"};class Ku extends Eo{}const Wu=Ku.compose({name:`${rr.prefix}-dialog-body`,template:So,styles:Lo,shadowOptions:{mode:rr.shadowRootMode}});class Yu extends Mo{}const Uu={...To},Gu={...Po},Zu={...Ro},Qu={...zo},Ju=ts`
167
+ ${Ao}
168
+ :host([orientation='vertical']){min-height:unset}`,ep=Oo,tp=Yu.compose({name:`${rr.prefix}-divider`,template:Oo,styles:Ju,shadowOptions:{mode:rr.shadowRootMode}}),op={dismiss:"dismiss",select:"select","rename-request":"rename-request"};var ip=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 np extends Yn{constructor(){super(...arguments),this.internalId="fabric-dynamic-tab-"+np.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(op.dismiss,{detail:{id:this.id},bubbles:!0,composed:!0}))}emitSelect(){this.dispatchEvent(new CustomEvent(op.select,{detail:{id:this.id},bubbles:!0,composed:!0}))}emitRenameRequest(){var e,t;this.dispatchEvent(new CustomEvent(op["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}))}}np.idCounter=0,ip([Un({mode:"boolean"})],np.prototype,"selected",void 0),ip([Un({mode:"boolean"})],np.prototype,"disabled",void 0),ip([Un({mode:"boolean",attribute:"no-dismiss"})],np.prototype,"noDismiss",void 0),ip([Un({mode:"boolean",attribute:"no-rename"})],np.prototype,"noRename",void 0),ip([Un({mode:"boolean"})],np.prototype,"modified",void 0),ip([Un({attribute:"close-tab-label"})],np.prototype,"closeTabLabel",void 0),ip([Un({attribute:"modified-label"})],np.prototype,"modifiedLabel",void 0),ip([Un({attribute:"close-hint-label"})],np.prototype,"closeHintLabel",void 0);const sp=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>`,rp=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}`,ap=ts`
169
+ ${rp}
170
+ :host{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)}`,lp=qa(Na(np.compose({name:`${rr.prefix}-dynamic-tab`,template:sp,styles:ap,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ol)),dp={horizontal:"horizontal",vertical:"vertical"},cp={"tab-dismiss":"tab-dismiss","tab-select":"tab-select","context-menu":"context-menu"};var hp=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 up extends Yn{constructor(){super(...arguments),this.orientation=dp.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=Ea({items:()=>this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName),isDisabled:e=>!0===e.disabled,orientation:this.orientation===dp.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(cp["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(cp["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(cp["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(cp["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(cp["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(cp["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(cp["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(cp["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(cp["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()}}hp([Un],up.prototype,"activeid",void 0),hp([Un],up.prototype,"orientation",void 0),hp([Un({mode:"boolean",attribute:"show-managed-tabs"})],up.prototype,"showManagedTabs",void 0),hp([Un({attribute:"close-unmodified-label"})],up.prototype,"closeUnmodifiedLabel",void 0),hp([Un({attribute:"close-all-label"})],up.prototype,"closeAllLabel",void 0),hp([Un({attribute:"manage-tabs-label"})],up.prototype,"manageTabsLabel",void 0),hp([Gn],up.prototype,"tabs",void 0),hp([Gn],up.prototype,"contextMenuTargetId",void 0),hp([Gn],up.prototype,"contextMenuOpen",void 0),hp([Gn],up.prototype,"contextMenuX",void 0),hp([Gn],up.prototype,"contextMenuY",void 0),hp([Gn],up.prototype,"slottedManageTabsTrigger",void 0),hp([Gn],up.prototype,"manageTabsMenuOpen",void 0);const pp=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>`,mp=es`<fabric-menu-list class="managed-tabs-built-in-menu" role="menu"><!-- Action items --><fabric-menu-item @click="${e=>e.closeUnmodifiedTabs()}"><span slot="start">${pp}</span>${e=>e.closeUnmodifiedLabel||Es("DynamicTabList_CloseUnmodified")}</fabric-menu-item><fabric-menu-item @click="${e=>e.handleCloseAllFromMenu()}"><span slot="start">${pp}</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 -->${is(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 bp=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">${mp}</div>`)}</div></template>`,vp=ts`
171
+ :host{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}}`,gp=up.compose({name:`${rr.prefix}-dynamic-tab-list`,template:bp,styles:vp,shadowOptions:{mode:rr.shadowRootMode}});class fp extends Yn{}const wp=ts`
172
+ :host{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 yp=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>`,$p=fp.compose({name:`${rr.prefix}-empty-state`,template:yp,styles:wp,shadowOptions:{mode:rr.shadowRootMode}});class xp extends Bo{}const Cp={..._o},kp={...Vo},Ip={...Fo},Ep=xp.compose({name:`${rr.prefix}-drawer`,template:jo,styles:Ho,shadowOptions:{mode:rr.shadowRootMode}});class Lp extends No{}const Sp=Lp.compose({name:`${rr.prefix}-drawer-body`,template:Xo,styles:qo,shadowOptions:{mode:rr.shadowRootMode}}),Mp={...Ko},Tp={...Wo},Pp={...Yo};class Rp 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 zp=ts`
166
173
  ${Go}
167
- `,ju={above:"above",after:"after",before:"before"},qu=ju,Xu=ju,Ku={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"},Wu={structural:void 0},Yu=Hu.compose({name:`${or.prefix}-field`,template:Uo,styles:Nu,shadowOptions:{mode:or.shadowRootMode}});class Gu extends Zo{}const Uu={...Qo},Zu={...Jo},Qu=Gu.compose({name:`${or.prefix}-image`,template:ti,styles:ei,shadowOptions:{mode:or.shadowRootMode}});class Ju extends oi{}const ep=Ju.compose({name:`${or.prefix}-label`,template:ni,styles:ii,shadowOptions:{mode:or.shadowRootMode}}),tp={...si},op={...ri};class ip extends ai{}const np={...li},sp={...di},rp={...ci},ap=ip.compose({name:`${or.prefix}-anchor-button`,template:ui,styles:hi,shadowOptions:{mode:or.shadowRootMode}});class lp extends pi{}const dp=lp.compose({name:`${or.prefix}-message-bar`,template:vi,styles:mi,shadowOptions:{mode:or.shadowRootMode}});class cp extends bi{}const hp=Ce,up=Ie,pp=Se,mp=cp.compose({name:`${or.prefix}-menu-button`,template:fi,styles:gi,shadowOptions:{mode:or.shadowRootMode}}),vp=Qn`
174
+ `,Ap={above:"above",after:"after",before:"before"},Op=Ap,Dp=Ap,Bp={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"},_p={structural:void 0},Vp=Rp.compose({name:`${rr.prefix}-field`,template:Zo,styles:zp,shadowOptions:{mode:rr.shadowRootMode}});class Fp extends Qo{}const Hp={...Jo},jp={...ei},Np=Fp.compose({name:`${rr.prefix}-image`,template:oi,styles:ti,shadowOptions:{mode:rr.shadowRootMode}});class qp extends ii{}const Xp=qp.compose({name:`${rr.prefix}-label`,template:si,styles:ni,shadowOptions:{mode:rr.shadowRootMode}}),Kp={...ri},Wp={...ai};class Yp extends li{}const Up={...di},Gp={...ci},Zp={...hi},Qp=Yp.compose({name:`${rr.prefix}-anchor-button`,template:pi,styles:ui,shadowOptions:{mode:rr.shadowRootMode}});class Jp extends mi{}const em=Jp.compose({name:`${rr.prefix}-message-bar`,template:vi,styles:bi,shadowOptions:{mode:rr.shadowRootMode}});class tm extends gi{}const om=ke,im=Ee,nm=Le,sm=ts`
175
+ ${fi}
176
+
177
+ :host([icon-only]) slot[name="end"]{display:none}`,rm=tm.compose({name:`${rr.prefix}-menu-button`,template:wi,styles:sm,shadowOptions:{mode:rr.shadowRootMode}}),am=ts`
168
178
  ${u("grid")}
169
179
 
170
- :host{--indent:0;align-items:center;background:${B};border-radius:${p};color:${fe};contain:layout;cursor:pointer;flex-shrink:0;font:${he} ${de} / ${Fe}
171
- ${z};grid-gap:${f};grid-template-columns:${d} ${d} auto ${d};height:${e};overflow:visible;padding:0 ${g}}:host(:hover){background:${H};color:${Ye}}:host(:active){background-color:${J};color:${Ge}}:host(:active) ::slotted([slot="start"]){color:${wi}}:host(${mr}){color:${yi}}:host(${mr}) ::slotted([slot="start"]),:host(${mr}) ::slotted([slot="end"]){color:${yi}}:host(${vr}){background-color:${ne};color:${$}}:host(${vr}) ::slotted([slot="start"]),:host(${vr}) ::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(${ur})) .indicator,:host(:not(${ur})) ::slotted([slot="indicator"]),:host(:not(${Er})) .submenu-glyph,:host(:not(${Er})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${w};font:${he} ${x} / ${C}
172
- ${z};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${d} ${d} auto auto}:host(${Er}){grid-template-columns:${d} auto auto ${d}}:host([data-indent="2"]${Er}){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(Qn`
173
- :host(${vr}),:host(${vr}) ::slotted([slot="start"]),:host(${vr}) ::slotted([slot="end"]){color:GrayText}`)),bp=Zn.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>'),gp=Zn.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 fp=Zn`<template><slot name="indicator">${bp}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${gp}</slot><slot name="submenu" ${Un({property:"slottedSubmenu"})}></slot></template>`,wp=Xs.compose({name:`${or.prefix}-menu-item`,template:fp,styles:vp,shadowOptions:{mode:or.shadowRootMode}});wp.define(or.registry);const yp=Qn`
180
+ :host{--indent:0;align-items:center;background:${B};border-radius:${p};color:${fe};cursor:pointer;flex-shrink:0;font:${he} ${de} / ${Fe}
181
+ ${R};grid-gap:${f};grid-template-columns:${d} ${d} auto ${d};height:${e};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}
182
+ ${R};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${d} ${d} auto auto}:host(${Ar}){grid-template-columns:${d} auto auto ${d}}: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`
183
+ :host(${xr}),:host(${xr}) ::slotted([slot="start"]),:host(${xr}) ::slotted([slot="end"]){color:GrayText}`)),lm=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>'),dm=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 cm=es`<template><slot name="indicator">${lm}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${dm}</slot><slot name="submenu" ${Jn({property:"slottedSubmenu"})}></slot></template>`,hm=Us.compose({name:`${rr.prefix}-menu-item`,template:cm,styles:am,shadowOptions:{mode:rr.shadowRootMode}});hm.define(rr.registry);const um=ts`
174
184
  ${u("flex")}
175
185
 
176
- :host{flex-direction:column;height:fit-content;min-width:calc(${Ve} * 5);width:auto;background-color:${B};border:1px solid ${D};border-radius:${p};box-shadow:${Rt};padding:${f};row-gap:${L}}`;const $p=Zn`<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 ${Un("items")}></slot></template>`,xp=Ys.compose({name:`${or.prefix}-menu-list`,template:$p,styles:yp,shadowOptions:{mode:or.shadowRootMode}}),Cp={above:"above",below:"below"},kp={auto:Ad,none:Td};function Ip(e){return e===Cp.above?{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"}:{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}class Sp{set position(e){this._position=e}get position(){return this._position}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=Cp.below,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position,t=Object.values(Cp);return[Ip(e),...t.filter(t=>t!==e).map(e=>Ip(e))]}createPositionStrategy(){return this.menuReference&&this.anchorReference?new Bd({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?Cp.above:Cp.below,e}}var Ep=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 Lp extends Xn{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=Cp.below,this.repositionMode=kp.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this._anchorName=`--${Os("menu-anchor-")}`,this.openMenuInternal=e=>{this._open||(this.repositionMode===kp.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 Ys&&this._menuList.menuItems)for(const t of this._menuList.menuItems)if(t instanceof Xs)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;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Cp.below,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 ds:case cs: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:Cp.below),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(){Yn.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 Sp({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(),Yn.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(){Yn.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Yn.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===kp.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!==bs)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}Ep([Kn({attribute:"open-on-hover",mode:"boolean"})],Lp.prototype,"openOnHover",void 0),Ep([Kn({attribute:"open-on-context",mode:"boolean"})],Lp.prototype,"openOnContext",void 0),Ep([Kn({attribute:"close-on-scroll",mode:"boolean"})],Lp.prototype,"closeOnScroll",void 0),Ep([Kn({attribute:"persist-on-item-click",mode:"boolean"})],Lp.prototype,"persistOnItemClick",void 0),Ep([Kn({mode:"boolean"})],Lp.prototype,"split",void 0),Ep([Kn({attribute:"menu-position"})],Lp.prototype,"menuPosition",void 0),Ep([Kn({attribute:"reposition-mode"})],Lp.prototype,"repositionMode",void 0),Ep([Wn],Lp.prototype,"overflowBoundary",void 0),Ep([Wn],Lp.prototype,"slottedMenuList",void 0),Ep([Wn],Lp.prototype,"slottedTriggers",void 0);const Mp=Qn`
186
+ :host{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}}`;const pm=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 ${Jn("items")}></slot></template>`,mm=Qs.compose({name:`${rr.prefix}-menu-list`,template:pm,styles:um,shadowOptions:{mode:rr.shadowRootMode}}),bm={above:"above",below:"below"},vm="start",gm="end",fm={auto:pc,none:bc};function wm(e,t){const o=t===gm?"end":"start";return e===bm.above?{originX:o,originY:"top",overlayX:o,overlayY:"bottom"}:{originX:o,originY:"bottom",overlayX:o,overlayY:"top"}}class ym{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=bm.below,this._alignment=vm,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position===bm.above?bm.below:bm.above;return[wm(this._position,this._alignment),wm(e,this._alignment)]}createPositionStrategy(){return this.menuReference&&this.anchorReference?new gc({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?bm.above:bm.below,e}}var $m=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 xm 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=bm.below,this.menuAlignment=vm,this.repositionMode=fm.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this._anchorName=`--${_s("menu-anchor-")}`,this.openMenuInternal=e=>{this._open||(this.repositionMode===fm.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:bm.below,this.positioning.alignment=null!==(t=this.menuAlignment)&&void 0!==t?t:vm,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:bm.below),this._open&&this.scheduleReposition()}menuAlignmentChanged(){var e;this.positioning&&(this.positioning.alignment=null!==(e=this.menuAlignment)&&void 0!==e?e:vm),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 ym({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===fm.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())}}$m([Un({attribute:"open-on-hover",mode:"boolean"})],xm.prototype,"openOnHover",void 0),$m([Un({attribute:"open-on-context",mode:"boolean"})],xm.prototype,"openOnContext",void 0),$m([Un({attribute:"close-on-scroll",mode:"boolean"})],xm.prototype,"closeOnScroll",void 0),$m([Un({attribute:"persist-on-item-click",mode:"boolean"})],xm.prototype,"persistOnItemClick",void 0),$m([Un({mode:"boolean"})],xm.prototype,"split",void 0),$m([Un({attribute:"menu-position"})],xm.prototype,"menuPosition",void 0),$m([Un({attribute:"menu-alignment"})],xm.prototype,"menuAlignment",void 0),$m([Un({attribute:"reposition-mode"})],xm.prototype,"repositionMode",void 0),$m([Gn],xm.prototype,"overflowBoundary",void 0),$m([Gn],xm.prototype,"slottedMenuList",void 0),$m([Gn],xm.prototype,"slottedTriggers",void 0);const Cm=ts`
177
187
  ${u("inline-block")}
178
188
 
179
189
  :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"]))
180
- ::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}::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
181
- ${Je}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const Pp=Zn`<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" ${Un({property:"slottedTriggers",filter:is()})}></slot><slot ${Un({property:"slottedMenuList",filter:is()})}></slot></template>`,Rp=Lp.compose({name:`${or.prefix}-menu`,template:Pp,styles:Mp,shadowOptions:{mode:or.shadowRootMode}});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 Ap extends Xn{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}}zp([Kn],Ap.prototype,"label",void 0),zp([Kn({mode:"boolean"})],Ap.prototype,"disabled",void 0),zp([Wn],Ap.prototype,"slottedOptions",void 0);const Op=Qn`
182
- :host{display:block;font-family:${z}}:host([hidden]){display:none}.label{color:${w};font-size:${x};font-weight:${_e};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 Tp=Zn`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Un("slottedOptions")}></slot></div></template>`,Dp=Ap.compose({name:`${or.prefix}-option-group`,template:Tp,styles:Op,shadowOptions:{mode:or.shadowRootMode}});class Bp extends $i{}const Vp=Bp.compose({name:`${or.prefix}-progress-bar`,template:Ci,styles:xi,shadowOptions:{mode:or.shadowRootMode}}),_p={...ki},Fp={...Ii},Hp={...Si};class Np extends Ei{}const jp={...Li},qp=Np.compose({name:`${or.prefix}-radio-group`,template:Pi,styles:Mi,shadowOptions:{mode:or.shadowRootMode}});class Xp extends Ri{}const Kp=Xp.compose({name:`${or.prefix}-radio`,template:Ai,styles:zi,shadowOptions:{mode:or.shadowRootMode}});class Wp extends Oi{}const Yp=Wp.compose({name:`${or.prefix}-rating-display`,template:Di,styles:Ti,shadowOptions:{mode:or.shadowRootMode}}),Gp={...Bi},Up={...Vi},Zp={small:"small",medium:"medium",large:"large"},Qp={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Jp={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},em=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var tm=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 Xn{constructor(){super(...arguments),this.type=Jp.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 Gn.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(),Gn.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 em.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)}}}om.formAssociated=!0,tm([Kn],om.prototype,"autocomplete",void 0),tm([Kn({mode:"boolean"})],om.prototype,"autofocus",void 0),tm([Kn({attribute:"current-value"})],om.prototype,"currentValue",void 0),tm([Wn],om.prototype,"defaultSlottedNodes",void 0),tm([Kn],om.prototype,"dirname",void 0),tm([Kn({mode:"boolean"})],om.prototype,"disabled",void 0),tm([Kn({attribute:"form"})],om.prototype,"formAttribute",void 0),tm([Kn({attribute:"value",mode:"fromView"})],om.prototype,"initialValue",void 0),tm([Kn],om.prototype,"list",void 0),tm([Kn({converter:ns})],om.prototype,"maxlength",void 0),tm([Kn({converter:ns})],om.prototype,"minlength",void 0),tm([Kn({mode:"boolean"})],om.prototype,"multiple",void 0),tm([Kn],om.prototype,"name",void 0),tm([Kn],om.prototype,"pattern",void 0),tm([Kn],om.prototype,"placeholder",void 0),tm([Kn({attribute:"readonly",mode:"boolean"})],om.prototype,"readOnly",void 0),tm([Kn({mode:"boolean"})],om.prototype,"required",void 0),tm([Kn({converter:ns})],om.prototype,"size",void 0),tm([Kn({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],om.prototype,"spellcheck",void 0),tm([Kn],om.prototype,"type",void 0),tm([Wn],om.prototype,"control",void 0),tm([Wn],om.prototype,"controlLabel",void 0);var im=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 om{}im([Kn],nm.prototype,"appearance",void 0),im([Kn({attribute:"control-size"})],nm.prototype,"controlSize",void 0),$a(nm,_i);const sm={...Zp},rm={...Qp},am={...Jp},lm=[...em],dm={search:"search"};var cm=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 hm extends nm{constructor(){super(...arguments),this.type=am.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(dm.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)}}cm([Wn],hm.prototype,"clearButton",void 0);const um=Qn`
190
+ ::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}:host([menu-alignment="end"]:not([reposition-mode="auto"]))
191
+ ::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
192
+ ${Je}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const km=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>`,Im=xm.compose({name:`${rr.prefix}-menu`,template:km,styles:Cm,shadowOptions:{mode:rr.shadowRootMode}});var Em=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 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}}Em([Un],Lm.prototype,"label",void 0),Em([Un({mode:"boolean"})],Lm.prototype,"disabled",void 0),Em([Gn],Lm.prototype,"slottedOptions",void 0);const Sm=ts`
193
+ :host{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 Mm=es`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Jn("slottedOptions")}></slot></div></template>`,Tm=Lm.compose({name:`${rr.prefix}-option-group`,template:Mm,styles:Sm,shadowOptions:{mode:rr.shadowRootMode}});class Pm extends xi{}const Rm=Pm.compose({name:`${rr.prefix}-progress-bar`,template:ki,styles:Ci,shadowOptions:{mode:rr.shadowRootMode}}),zm={...Ii},Am={...Ei},Om={...Li};class Dm extends Si{}class Bm extends Mi{slottedRadiosChanged(){this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof Dm)}}const _m={...Ti},Vm=Bm.compose({name:`${rr.prefix}-radio-group`,template:Ri,styles:Pi,shadowOptions:{mode:rr.shadowRootMode}}),Fm=Dm.compose({name:`${rr.prefix}-radio`,template:Ai,styles:zi,shadowOptions:{mode:rr.shadowRootMode}});class Hm extends Oi{}const jm=Hm.compose({name:`${rr.prefix}-rating-display`,template:Bi,styles:Di,shadowOptions:{mode:rr.shadowRootMode}}),Nm={..._i},qm={...Vi},Xm={small:"small",medium:"medium",large:"large"},Km={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Wm={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},Ym=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Um=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 Gm extends Yn{constructor(){super(...arguments),this.type=Wm.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 Ym.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)}}}Gm.formAssociated=!0,Um([Un],Gm.prototype,"autocomplete",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"autofocus",void 0),Um([Un({attribute:"current-value"})],Gm.prototype,"currentValue",void 0),Um([Gn],Gm.prototype,"defaultSlottedNodes",void 0),Um([Un],Gm.prototype,"dirname",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"disabled",void 0),Um([Un({attribute:"form"})],Gm.prototype,"formAttribute",void 0),Um([Un({attribute:"value",mode:"fromView"})],Gm.prototype,"initialValue",void 0),Um([Un],Gm.prototype,"list",void 0),Um([Un({converter:ls})],Gm.prototype,"maxlength",void 0),Um([Un({converter:ls})],Gm.prototype,"minlength",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"multiple",void 0),Um([Un],Gm.prototype,"name",void 0),Um([Un],Gm.prototype,"pattern",void 0),Um([Un],Gm.prototype,"placeholder",void 0),Um([Un({attribute:"readonly",mode:"boolean"})],Gm.prototype,"readOnly",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"required",void 0),Um([Un({converter:ls})],Gm.prototype,"size",void 0),Um([Un({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],Gm.prototype,"spellcheck",void 0),Um([Un],Gm.prototype,"type",void 0),Um([Gn],Gm.prototype,"control",void 0),Um([Gn],Gm.prototype,"controlLabel",void 0);var Zm=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 Qm extends Gm{}Zm([Un],Qm.prototype,"appearance",void 0),Zm([Un({attribute:"control-size"})],Qm.prototype,"controlSize",void 0),Aa(Qm,Fi);const Jm={...Xm},eb={...Km},tb={...Wm},ob=[...Ym],ib={search:"search"};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 sb extends Qm{constructor(){super(...arguments),this.type=tb.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(ib.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)}}nb([Gn],sb.prototype,"clearButton",void 0);const rb=ts`
183
194
  ${u("block")}
184
195
 
185
- :host{font-family:${z};font-size:${de};font-weight:${he};line-height:${Fe}}.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:${Fi};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:${Hi}}.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:${z};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:${S}}: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 ${Fi}}: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:${St}}: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:${St}}`,pm=Qn`
186
- ${um}
187
-
188
- .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 mm=Zn`<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" ${Jn("controlLabel")}><slot ${Un({property:"defaultSlottedNodes",filter:Va})}></slot></label><span class="root"><span class="search-icon">${sc}</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}" ${Jn("control")} /><fabric-button aria-label="${rs(()=>Cs("SearchBox_Clear"))}" appearance="transparent" class="clear-button" aria-hidden="true" ${Jn("clearButton")} @click="${e=>e.clear()}">${rc}</fabric-button><slot name="end"></slot></span></template>`,vm=Ra(Pa(hm.compose({name:`${or.prefix}-search-box`,template:mm,styles:pm,shadowOptions:{mode:or.shadowRootMode}})),Pa(xl));class bm extends Gi{}const gm={...Ui},fm={...Zi},wm={...Qi},ym={change:"change"},$m=bm.compose({name:`${or.prefix}-slider`,template:en,styles:Ji,shadowOptions:{mode:or.shadowRootMode}}),xm={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Cm={small:"small",medium:"medium"},km={rest:"rest",up:"up",down:"down"},Im={none:"none",min:"min",max:"max",both:"both"},Sm={change:"change",input:"input"};var Em=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 Xn{constructor(){super(...arguments),this.appearance=xm.outline,this.step=1,this.stepPage=1,this.spinState=km.rest,this.atBound=Im.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 Gn.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(),Gn.notify(this,"value")))}get displayValue(){return Gn.track(this,"displayValue"),this._displayValue}set displayValue(e){this._displayValue!==e&&(this._displayValue=e,this.$fastController.isConnected&&(this.syncInputDisplay(),Gn.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(Sm.input,void 0,{bubbles:!0,composed:!0}),!0}blurHandler(){this._isEditing&&this.commitInput(),this.spinState=km.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=km.rest,null===(e=this.control)||void 0===e||e.focus())}decrementHandler(){var e;this.disabled||(this.stepDown(),this.spinState=km.rest,null===(e=this.control)||void 0===e||e.focus())}stepUp(e){var t;const o=null!=e?e:this.step,i=_a(Fa((null!==(t=this._value)&&void 0!==t?t:0)+o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=km.up}stepDown(e){var t;const o=null!=e?e:this.step,i=_a(Fa((null!==(t=this._value)&&void 0!==t?t:0)-o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=km.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=km.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(Sm.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=Im.none);const e=void 0!==this.min&&this._value<=this.min,t=void 0!==this.max&&this._value>=this.max;this.atBound=e&&t?Im.both:e?Im.min:t?Im.max:Im.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)}}Lm.formAssociated=!0,Em([Kn],Lm.prototype,"appearance",void 0),Em([Kn({attribute:"control-size"})],Lm.prototype,"controlSize",void 0),Em([Kn({converter:ns})],Lm.prototype,"min",void 0),Em([Kn({converter:ns})],Lm.prototype,"max",void 0),Em([Kn({converter:ns})],Lm.prototype,"step",void 0),Em([Kn({attribute:"step-page",converter:ns})],Lm.prototype,"stepPage",void 0),Em([Kn({converter:ns})],Lm.prototype,"precision",void 0),Em([Kn({mode:"boolean"})],Lm.prototype,"disabled",void 0),Em([Kn],Lm.prototype,"name",void 0),Em([Kn({mode:"boolean"})],Lm.prototype,"required",void 0),Em([Kn],Lm.prototype,"placeholder",void 0),Em([Kn({mode:"boolean"})],Lm.prototype,"error",void 0),Em([Wn],Lm.prototype,"defaultSlottedNodes",void 0),Em([Wn],Lm.prototype,"labelEl",void 0),Em([Wn],Lm.prototype,"control",void 0),Em([Wn],Lm.prototype,"spinState",void 0),Em([Wn],Lm.prototype,"atBound",void 0);const Mm=Qn`
196
+ :host{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}}`,ab=ts`
197
+ ${rb}
198
+
199
+ .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 lb=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:Za})}></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="${rs(()=>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>`,db=qa(Na(sb.compose({name:`${rr.prefix}-search-box`,template:lb,styles:ab,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ol));class cb extends Gi{}const hb={...Zi},ub={...Qi},pb={...Ji},mb={change:"change"};const bb=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>`,vb=ts`
200
+ :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;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
201
+ var(--track-margin-inline)}:host([orientation="vertical"]) .root{min-height:calc(${t} * 6);min-width:${e};grid-template-rows:var(--track-margin-inline) 1fr
202
+ 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(
203
+ var(--slider-direction),var(--rail-color) 0%,var(--rail-color) 50%,var(--track-color) 50.1%,var(--track-color) 100%
204
+ );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(
205
+ var(--slider-direction),${y} 0%,${y} calc(var(--step-rate) - 1px),${B} calc(var(--step-rate) - 1px),${B} var(--step-rate)
206
+ )}.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}
207
+ 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`
208
+ .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}`)),gb=cb.compose({name:`${rr.prefix}-slider`,template:bb,styles:vb,shadowOptions:{mode:rr.shadowRootMode}}),fb={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},wb={small:"small",medium:"medium"},yb={rest:"rest",up:"up",down:"down"},$b={none:"none",min:"min",max:"max",both:"both"},xb={change:"change",input:"input"};var Cb=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 kb extends Yn{constructor(){super(...arguments),this.appearance=fb.outline,this.step=1,this.stepPage=1,this.spinState=yb.rest,this.atBound=$b.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(xb.input,void 0,{bubbles:!0,composed:!0}),!0}blurHandler(){this._isEditing&&this.commitInput(),this.spinState=yb.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=yb.rest,null===(e=this.control)||void 0===e||e.focus())}decrementHandler(){var e;this.disabled||(this.stepDown(),this.spinState=yb.rest,null===(e=this.control)||void 0===e||e.focus())}stepUp(e){var t;const o=null!=e?e:this.step,i=Qa(Ja((null!==(t=this._value)&&void 0!==t?t:0)+o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=yb.up}stepDown(e){var t;const o=null!=e?e:this.step,i=Qa(Ja((null!==(t=this._value)&&void 0!==t?t:0)-o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=yb.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=yb.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(xb.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=$b.none);const e=void 0!==this.min&&this._value<=this.min,t=void 0!==this.max&&this._value>=this.max;this.atBound=e&&t?$b.both:e?$b.min:t?$b.max:$b.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)}}kb.formAssociated=!0,Cb([Un],kb.prototype,"appearance",void 0),Cb([Un({attribute:"control-size"})],kb.prototype,"controlSize",void 0),Cb([Un({converter:ls})],kb.prototype,"min",void 0),Cb([Un({converter:ls})],kb.prototype,"max",void 0),Cb([Un({converter:ls})],kb.prototype,"step",void 0),Cb([Un({attribute:"step-page",converter:ls})],kb.prototype,"stepPage",void 0),Cb([Un({converter:ls})],kb.prototype,"precision",void 0),Cb([Un({mode:"boolean"})],kb.prototype,"disabled",void 0),Cb([Un],kb.prototype,"name",void 0),Cb([Un({mode:"boolean"})],kb.prototype,"required",void 0),Cb([Un],kb.prototype,"placeholder",void 0),Cb([Un({mode:"boolean"})],kb.prototype,"error",void 0),Cb([Gn],kb.prototype,"defaultSlottedNodes",void 0),Cb([Gn],kb.prototype,"labelEl",void 0),Cb([Gn],kb.prototype,"control",void 0),Cb([Gn],kb.prototype,"spinState",void 0),Cb([Gn],kb.prototype,"atBound",void 0);const Ib=ts`
189
209
  ${u("block")}
190
210
 
191
- :host{font-family:${z};font-size:${de};font-weight:${he};line-height:${Fe};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:${Fi};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:${z};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:${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:${St}}.increment-button:active,.increment-button.pressed,.decrement-button:active,.decrement-button.pressed{color:${me};background:${tn}}.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 ${on}}:host(:has(.control:user-invalid)) .root{border:${P} solid ${on}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${P} solid ${Fi}}: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:${St}}: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:${St}}`,Pm=Zn`<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>`,Rm=Zn`<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 zm=Zn`<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" ${Jn("labelEl")}><slot ${Un({property:"defaultSlottedNodes",filter:Va})}></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()}" ${Jn("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()}">${Pm}</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()}">${Rm}</button></div></div></template>`,Am=Lm.compose({name:`${or.prefix}-spin-button`,template:zm,styles:Mm,shadowOptions:{mode:or.shadowRootMode}});class Om extends nn{}const Tm=Om.compose({name:`${or.prefix}-switch`,template:rn,styles:sn,shadowOptions:{mode:or.shadowRootMode}});class Dm extends an{}const Bm=Dm.compose({name:`${or.prefix}-tab`,template:dn,styles:ln,shadowOptions:{mode:or.shadowRootMode}}),Vm={...cn},_m={...hn},Fm={...un},Hm={activeIndexChange:"active-index-change",change:"change"};class Nm extends pn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Hm.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const jm=Nm.compose({name:`${or.prefix}-tablist`,template:vn,styles:mn,shadowOptions:{mode:or.shadowRootMode}});class qm extends bn{}const Xm=qm.compose({name:`${or.prefix}-textarea`,template:fn,styles:gn,shadowOptions:{mode:or.shadowRootMode}}),Km={...wn},Wm={...$n},Ym={...xn},Gm={...Cn},Um=[...yn];const Zm=Zn`<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" ${Jn("controlLabel")}><slot ${Un({property:"defaultSlottedNodes",filter:Va})}></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}" ${Jn("control")} /><slot name="end"></slot></div></template>`,Qm=nm.compose({name:`${or.prefix}-text-input`,template:Zm,styles:um,shadowOptions:{mode:or.shadowRootMode}});class Jm extends kn{}const ev=Jm.compose({name:`${or.prefix}-text`,template:Sn,styles:In,shadowOptions:{mode:or.shadowRootMode}}),tv={...En},ov={...Ln},iv={...Mn},nv={...Pn};class sv extends Rn{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 rv=sv.compose({name:`${or.prefix}-tree`,template:An,styles:zn,shadowOptions:{mode:or.shadowRootMode}});class av extends On{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&&(av.observedItems.set(this._textEl,this),av.sharedResizeObserver.observe(this._textEl),this.isObservingResize=!0)}stopResizeObserving(){this.isObservingResize&&this._textEl&&(av.sharedResizeObserver.unobserve(this._textEl),av.observedItems.delete(this._textEl),this.isObservingResize=!1)}}av.observedItems=new WeakMap,av.sharedResizeObserver=new ResizeObserver(e=>{var t;for(const o of e)null===(t=av.observedItems.get(o.target))||void 0===t||t.syncTitle()});const lv=Zn.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>'),dv=Zn`<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">${lv}</slot></span><slot name="start"></slot><div class="text" ${Jn("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" ${Jn("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,cv=Qn`
192
- ${Tn}
211
+ :host{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}}`,Eb=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>`,Lb=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 Sb=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:Za})}></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()}">${Eb}</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()}">${Lb}</button></div></div></template>`,Mb=kb.compose({name:`${rr.prefix}-spin-button`,template:Sb,styles:Ib,shadowOptions:{mode:rr.shadowRootMode}});class Tb extends an{}const Pb=Tb.compose({name:`${rr.prefix}-switch`,template:dn,styles:ln,shadowOptions:{mode:rr.shadowRootMode}});class Rb extends cn{}const zb=Rb.compose({name:`${rr.prefix}-tab`,template:un,styles:hn,shadowOptions:{mode:rr.shadowRootMode}}),Ab={...pn},Ob={...mn},Db={...bn},Bb={activeIndexChange:"active-index-change",change:"change"};class _b extends vn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Bb.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const Vb=_b.compose({name:`${rr.prefix}-tablist`,template:fn,styles:gn,shadowOptions:{mode:rr.shadowRootMode}});class Fb extends wn{}const Hb=Fb.compose({name:`${rr.prefix}-textarea`,template:$n,styles:yn,shadowOptions:{mode:rr.shadowRootMode}}),jb={...xn},Nb={...kn},qb={...In},Xb={...En},Kb=[...Cn];const Wb=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:Za})}></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>`,Yb=Qm.compose({name:`${rr.prefix}-text-input`,template:Wb,styles:rb,shadowOptions:{mode:rr.shadowRootMode}});class Ub extends Ln{}const Gb=Ub.compose({name:`${rr.prefix}-text`,template:Mn,styles:Sn,shadowOptions:{mode:rr.shadowRootMode}}),Zb={...Tn},Qb={...Pn},Jb={...Rn},ev={...zn};class tv 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 ov=tv.compose({name:`${rr.prefix}-tree`,template:Dn,styles:On,shadowOptions:{mode:rr.shadowRootMode}});class iv 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&&(iv.observedItems.set(this._textEl,this),iv.sharedResizeObserver.observe(this._textEl),this.isObservingResize=!0)}stopResizeObserving(){this.isObservingResize&&this._textEl&&(iv.sharedResizeObserver.unobserve(this._textEl),iv.observedItems.delete(this._textEl),this.isObservingResize=!1)}}iv.observedItems=new WeakMap,iv.sharedResizeObserver=new ResizeObserver(e=>{var t;for(const o of e)null===(t=iv.observedItems.get(o.target))||void 0===t||t.syncTitle()});const nv=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>'),sv=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">${nv}</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`
212
+ ${_n}
193
213
 
194
- .content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,hv=av.compose({name:`${or.prefix}-tree-item`,template:dv,styles:cv,shadowOptions:{mode:or.shadowRootMode}});class uv extends Dn{}const pv={...Bn},mv={...Vn},vv={..._n},bv={...Ee},gv={...ke},fv=uv.compose({name:`${or.prefix}-toggle-button`,template:Fn,styles:hi,shadowOptions:{mode:or.shadowRootMode}});class wv extends Hn{constructor(){super(...arguments),this.anchorListenerTarget=null,this._ownedAnchorName=!1,this._popoverAncestor=null,this.handleKeydown=e=>{e.key===bs&&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=gs("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:wv.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:wv.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)}}wv.DEFAULT_DELAY=250;const yv=wv.compose({name:`${or.prefix}-tooltip`,template:jn,styles:Nn,shadowOptions:{mode:or.shadowRootMode}}),$v={...qn};export{Vh as Accordion,_h as AccordionDefinition,Fh as AccordionExpandModes,Oh as AccordionItem,Bh as AccordionItemDefinition,Dh as AccordionItemMarkerPositions,Th as AccordionItemSizes,Js as AccordionMenu,ir as AccordionMenuDefinition,Zs as AccordionMenuExpandModes,Us as AccordionMenuPanel,Rr as AccordionMenuPanelDefinition,sr as AccordionMenuPanelMarkerPositions,nr as AccordionMenuPanelSizes,Pr as AccordionMenuPanelStyles,cr as AccordionMenuPanelTemplate,tr as AccordionMenuStyles,er as AccordionMenuTemplate,ip as AnchorButton,np as AnchorButtonAppearances,ap as AnchorButtonDefinition,sp as AnchorButtonShapes,rp as AnchorButtonSizes,jh as AnchorTargets,Wh as Avatar,Yh as AvatarActives,Gh as AvatarAppearances,Uh as AvatarColors,eu as AvatarDefinition,Zh as AvatarNamedColors,Qh as AvatarShapes,Jh as AvatarSizes,tu as Badge,ou as BadgeAppearances,iu as BadgeColors,ru as BadgeDefinition,nu as BadgeShapes,su as BadgeSizes,vl as Button,bl as ButtonAppearances,xl as ButtonDefinition,wl as ButtonFormTargets,gl as ButtonShapes,fl as ButtonSizes,$l as ButtonStyles,yl as ButtonTypes,Vr as Card,zr as CardAppearances,cl as CardCarousel,pl as CardCarouselDefinition,hl as CardCarouselStyles,ul as CardCarouselTemplate,Hr as CardDefinition,Dr as CardEventNames,Or as CardFocusModes,Nr as CardFooter,Xr as CardFooterDefinition,Kr as CardHeader,Gr as CardHeaderDefinition,Ar as CardOrientations,Ur as CardPreview,Jr as CardPreviewDefinition,_r as CardStyles,Fr as CardTemplate,Ua as Carousel,Ja as CarouselDefinition,oa as CarouselEventNames,ol as CarouselItem,sl as CarouselItemDefinition,il as CarouselItemStyles,nl as CarouselItemTemplate,ba as CarouselNav,ea as CarouselNavButtonPlacements,ja as CarouselNavDefinition,ia as CarouselNavEventNames,Xa as CarouselNavItem,Ya as CarouselNavItemDefinition,Ka as CarouselNavItemStyles,Wa as CarouselNavItemTemplate,ta as CarouselNavPositions,Ha as CarouselNavStyles,Na as CarouselNavTemplate,Za as CarouselStyles,Qa as CarouselTemplate,au as Checkbox,cu as CheckboxDefinition,lu as CheckboxShapes,du as CheckboxSizes,Dd as CollisionEdges,Fl as CompoundButton,Ol as CompoundButtonAppearances,Nl as CompoundButtonDefinition,Bl as CompoundButtonFormTargets,Tl as CompoundButtonShapes,Dl as CompoundButtonSizes,Vl as CompoundButtonTypes,hu as CounterBadge,uu as CounterBadgeAppearances,pu as CounterBadgeColors,bu as CounterBadgeDefinition,mu as CounterBadgeShapes,vu as CounterBadgeSizes,gu as Dialog,$u as DialogBody,xu as DialogBodyDefinition,wu as DialogDefinition,fu as DialogStyles,yu as DialogTypes,la as DirectionDetector,Cu as Divider,ku as DividerAlignContents,Iu as DividerAppearances,Pu as DividerDefinition,Su as DividerOrientations,Eu as DividerRoles,Lu as DividerStyles,Mu as DividerTemplate,Ru as Drawer,Du as DrawerBody,Bu as DrawerBodyDefinition,Tu as DrawerDefinition,zu as DrawerPositions,Au as DrawerSizes,Ou as DrawerTypes,mc as Dropdown,Vu as DropdownAppearances,vc as DropdownDefinition,bc as DropdownOption,gc as DropdownOptionDefinition,_u as DropdownSizes,Fu as DropdownTypes,or as FabricDesignSystem,Hu as Field,Yu as FieldDefinition,Xu as FieldLabelPosition,qu as FieldLabelPositions,Nu as FieldStyles,Pl as FilterPill,Il as FilterPillAppearances,Al as FilterPillDefinition,Ll as FilterPillEventNames,kl as FilterPillFormTargets,Sl as FilterPillShapes,El as FilterPillSizes,Cl as FilterPillTypes,Gu as Image,Qu as ImageDefinition,Uu as ImageFits,Zu as ImageShapes,em as ImplicitSubmissionBlockingTypes,Ju as Label,ep as LabelDefinition,ju as LabelPositions,tp as LabelSizes,op as LabelWeights,qh as Link,Hh as LinkAppearances,Kh as LinkDefinition,Nh as LinkTargets,yc as Listbox,$c as ListboxDefinition,Yl as LoadingButton,Zl as LoadingButtonDefinition,Lp as Menu,cp as MenuButton,hp as MenuButtonAppearances,mp as MenuButtonDefinition,up as MenuButtonShapes,pp as MenuButtonSizes,Rp as MenuDefinition,Vs as MenuGroupRoles,Xs as MenuItem,Ts as MenuItemAppearances,wp as MenuItemDefinition,Ds as MenuItemRoles,vp as MenuItemStyles,fp as MenuItemTemplate,Ys as MenuList,xp as MenuListDefinition,yp as MenuListStyles,$p as MenuListTemplate,Cp as MenuPositions,kp as MenuRepositionModes,Mp as MenuStyles,Pp as MenuTemplate,lp as MessageBar,dp as MessageBarDefinition,Sa as MockElementInternals,ed as MultiView,nd as MultiViewController,ad as MultiViewControllerDefinition,id as MultiViewDefinition,Ql as MultiViewEventNames,dd as MultiViewGroup,ud as MultiViewGroupDefinition,pd as MultiViewGroupPositions,Ap as OptionGroup,Dp as OptionGroupDefinition,$d as Overflow,Id as OverflowAxisValues,kd as OverflowDefinition,Sd as OverflowDirections,bd as OverflowDivider,zd as OverflowDividerDefinition,Pd as OverflowDividerStyles,md as OverflowEventNames,wd as OverflowItem,Md as OverflowItemDefinition,Ed as OverflowItemStyles,xd as OverflowStyles,ic as Pagination,uc as PaginationDefinition,Zd as PaginationEventNames,Qd as PaginationVariants,Wd as Popover,Ud as PopoverDefinition,Nd as PopoverEventNames,Fd as PopoverPositions,Hd as PopoverRepositionModes,Yd as PopoverStyles,Gd as PopoverTemplate,_d as PositioningShorthand,Bp as ProgressBar,Vp as ProgressBarDefinition,_p as ProgressBarShapes,Fp as ProgressBarThicknesses,Hp as ProgressBarValidationStates,Xp as Radio,Kp as RadioDefinition,Np as RadioGroup,qp as RadioGroupDefinition,jp as RadioGroupOrientations,Wp as RatingDisplay,Gp as RatingDisplayColors,Yp as RatingDisplayDefinition,Up as RatingDisplaySizes,hm as SearchBox,rm as SearchBoxAppearances,sm as SearchBoxControlSizes,vm as SearchBoxDefinition,dm as SearchBoxEventNames,lm as SearchBoxImplicitSubmissionBlockingTypes,am as SearchBoxTypes,jc as SimpleTable,Xc as SimpleTableDefinition,bm as Slider,$m as SliderDefinition,ym as SliderEventNames,gm as SliderModes,fm as SliderOrientations,wm as SliderSizes,Wu as SlottableInputs,Tc as SortDirections,Lm as SpinButton,xm as SpinButtonAppearances,Im as SpinButtonBounds,Cm as SpinButtonControlSizes,Am as SpinButtonDefinition,Sm as SpinButtonEventNames,km as SpinButtonSpinStates,Mm as SpinButtonStyles,zm as SpinButtonTemplate,jl as Spinner,ql as SpinnerAppearances,Kl as SpinnerDefinition,Xl as SpinnerSizes,Mc as SvgIcon,zc as SvgIconDefinition,Om as Switch,Tm as SwitchDefinition,Dm as Tab,Bm as TabDefinition,Oc as Table,Dc as TableCell,_c as TableCellDefinition,Kc as TableCellSizes,Bc as TableCellStyles,Vc as TableCellTemplate,Nc as TableDefinition,Fc as TableStyles,Hc as TableTemplate,Nm as Tablist,Vm as TablistAppearances,jm as TablistDefinition,Hm as TablistEventNames,_m as TablistOrientations,Fm as TablistSizes,Jc as Tag,Uc as TagAppearances,ih as TagDefinition,Zc as TagEventNames,Gc as TagShapes,Wc as TagSizes,Yc as TagTextSizes,lh as TeachingBubble,hh as TeachingBubbleDefinition,rh as TeachingBubbleEventNames,sh as TeachingBubblePlacements,nh as TeachingBubbleSizes,Jm as Text,tv as TextAligns,qm as TextArea,Km as TextAreaAppearances,Um as TextAreaAppearancesForDisplayShadows,Wm as TextAreaAutocompletes,Xm as TextAreaDefinition,Ym as TextAreaResizes,Gm as TextAreaSizes,ev as TextDefinition,ov as TextFonts,nm as TextInput,Qp as TextInputAppearances,Zp as TextInputControlSizes,Qm as TextInputDefinition,um as TextInputStyles,Zm as TextInputTemplate,Jp as TextInputTypes,iv as TextSizes,nv as TextWeights,uv as ToggleButton,pv as ToggleButtonAppearances,fv as ToggleButtonDefinition,gv as ToggleButtonFormTargets,mv as ToggleButtonShapes,vv as ToggleButtonSizes,bv as ToggleButtonTypes,wv as Tooltip,yv as TooltipDefinition,$v as TooltipPositioningOptions,sv as Tree,rv as TreeDefinition,av as TreeItem,hv as TreeItemDefinition,cv as TreeItemStyles,dv as TreeItemTemplate,Ku as ValidationFlags,xh as Wizard,Ih as WizardDefinition,yh as WizardEvents,gh as WizardPanel,Lh as WizardPanelDefinition,mh as WizardPanelEventNames,vh as WizardPanelStates,wh as WizardStep,Ah as WizardStepDefinition,ph as WizardStepEvents,uh as WizardStepStates,$a as applyMixins,Ea as attachMockElementInternals,_a as clamp,Ra as composeDefinitions,pa as createRovingFocusController,Os as createUniqueId,Ca as debounce,ka as debug,el as defineCarousel,xc as definePagination,vr as disabledState,br as expandedState,Pa as fromFAST,na as getDirection,wc as getOptionsFromElement,ha as globalDirectionDetector,Ia as inputElementMethods,Da as isActionModifierKey,ga as isDisabledElement,wa as isFocusableElement,fa as isHiddenElement,fc as isOptionGroup,sa as isRtl,Op as optionGroupStyles,Tp as optionGroupTemplate,Fa as precisionRound,_s as roleForMenuGroup,Bs as roleForMenuItem,xa as setAttributes,ya as setChildrenFocusability,ca as setGlobalDirectionDetector,Ba as staticallyCompose,zs as toggleState,Va as whitespaceFilter};
214
+ .content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,av=iv.compose({name:`${rr.prefix}-tree-item`,template:sv,styles:rv,shadowOptions:{mode:rr.shadowRootMode}});class lv extends Vn{}const dv={...Fn},cv={...Hn},hv={...jn},uv={...Se},pv={...Ie},mv=lv.compose({name:`${rr.prefix}-toggle-button`,template:Nn,styles:ui,shadowOptions:{mode:rr.shadowRootMode}});class bv 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:bv.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:bv.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)}}bv.DEFAULT_DELAY=250;const vv=bv.compose({name:`${rr.prefix}-tooltip`,template:Kn,styles:Xn,shadowOptions:{mode:rr.shadowRootMode}}),gv={...Wn};export{uu as Accordion,pu as AccordionDefinition,mu as AccordionExpandModes,lu as AccordionItem,hu as AccordionItemDefinition,cu as AccordionItemMarkerPositions,du 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,Yp as AnchorButton,Up as AnchorButtonAppearances,Qp as AnchorButtonDefinition,Gp as AnchorButtonShapes,Zp as AnchorButtonSizes,gu as AnchorTargets,$u as Avatar,xu as AvatarActives,Cu as AvatarAppearances,ku as AvatarColors,Su as AvatarDefinition,Iu as AvatarNamedColors,Eu as AvatarShapes,Lu as AvatarSizes,Mu as Badge,Tu as BadgeAppearances,Pu as BadgeColors,Au as BadgeDefinition,Ru as BadgeShapes,zu 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,ba as CarouselDefinition,da as CarouselEventNames,bl as CarouselItem,fl as CarouselItemDefinition,vl as CarouselItemStyles,gl as CarouselItemTemplate,Ma as CarouselNav,aa as CarouselNavButtonPlacements,ol as CarouselNavDefinition,va as CarouselNavEventNames,nl as CarouselNavItem,al as CarouselNavItemDefinition,sl as CarouselNavItemStyles,rl as CarouselNavItemTemplate,la as CarouselNavPositions,el as CarouselNavStyles,tl as CarouselNavTemplate,pa as CarouselStyles,ma as CarouselTemplate,dl as CarouselViewport,ul as CarouselViewportDefinition,cl as CarouselViewportStyles,hl as CarouselViewportTemplate,Ou as Checkbox,_u as CheckboxDefinition,Du as CheckboxShapes,Bu as CheckboxSizes,vc as CollisionEdges,yd as CompoundButton,md as CompoundButtonAppearances,xd as CompoundButtonDefinition,gd as CompoundButtonFormTargets,bd as CompoundButtonShapes,vd as CompoundButtonSizes,fd as CompoundButtonTypes,Vu as CounterBadge,Fu as CounterBadgeAppearances,Hu as CounterBadgeColors,qu as CounterBadgeDefinition,ju as CounterBadgeShapes,Nu as CounterBadgeSizes,ed as Dialog,Ku as DialogBody,Wu as DialogBodyDefinition,td as DialogDefinition,Jl as DialogStyles,Xu as DialogTypes,$a as DirectionDetector,Yu as Divider,Uu as DividerAlignContents,Gu as DividerAppearances,tp as DividerDefinition,Zu as DividerOrientations,Qu as DividerRoles,Ju as DividerStyles,ep as DividerTemplate,xp as Drawer,Lp as DrawerBody,Sp as DrawerBodyDefinition,Ep as DrawerDefinition,Cp as DrawerPositions,kp as DrawerSizes,Ip as DrawerTypes,jc as Dropdown,Mp as DropdownAppearances,Nc as DropdownDefinition,qc as DropdownOption,Xc as DropdownOptionDefinition,Tp as DropdownSizes,Pp as DropdownTypes,np as DynamicTab,lp as DynamicTabDefinition,op as DynamicTabEventNames,up as DynamicTabList,gp as DynamicTabListDefinition,cp as DynamicTabListEventNames,dp as DynamicTabListOrientations,vp as DynamicTabListStyles,bp as DynamicTabListTemplate,ap as DynamicTabStyles,sp as DynamicTabTemplate,fp as EmptyState,$p as EmptyStateDefinition,wp as EmptyStateStyles,yp as EmptyStateTemplate,rr as FabricDesignSystem,Rp as Field,Vp as FieldDefinition,Dp as FieldLabelPosition,Op as FieldLabelPositions,zp 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,Fp as Image,Np as ImageDefinition,Hp as ImageFits,jp as ImageShapes,Ym as ImplicitSubmissionBlockingTypes,qp as Label,Xp as LabelDefinition,Ap as LabelPositions,Kp as LabelSizes,Wp as LabelWeights,fu as Link,bu as LinkAppearances,yu as LinkDefinition,vu as LinkTargets,Yc as Listbox,Uc as ListboxDefinition,Sd as LoadingButton,Pd as LoadingButtonDefinition,xm as Menu,tm as MenuButton,om as MenuButtonAppearances,rm as MenuButtonDefinition,im as MenuButtonShapes,nm as MenuButtonSizes,Im as MenuDefinition,js as MenuGroupRoles,Us as MenuItem,Vs as MenuItemAppearances,hm as MenuItemDefinition,Fs as MenuItemRoles,am as MenuItemStyles,cm as MenuItemTemplate,Qs as MenuList,mm as MenuListDefinition,um as MenuListStyles,pm as MenuListTemplate,bm as MenuPositions,fm as MenuRepositionModes,Cm as MenuStyles,km as MenuTemplate,Jp as MessageBar,em as MessageBarDefinition,Va as MockElementInternals,Gl as Modal,cd as ModalDefinition,Yl as ModalEventNames,Ql as ModalFreItem,pd as ModalFreItemDefinition,Wl as ModalModes,Ad as MultiView,_d as MultiViewController,Hd as MultiViewControllerDefinition,Bd as MultiViewDefinition,Rd as MultiViewEventNames,Nd as MultiViewGroup,Kd as MultiViewGroupDefinition,Wd as MultiViewGroupPositions,Lm as OptionGroup,Tm as OptionGroupDefinition,tc as Overflow,sc as OverflowAxisValues,nc as OverflowDefinition,rc as OverflowDirections,Gd as OverflowDivider,uc as OverflowDividerDefinition,cc as OverflowDividerStyles,Yd as OverflowEventNames,Jd as OverflowItem,dc as OverflowItemDefinition,ac as OverflowItemStyles,oc as OverflowStyles,Bc as Pagination,Fc as PaginationDefinition,Pc as PaginationEventNames,Rc as PaginationVariants,Lc as Popover,Tc as PopoverDefinition,xc as PopoverEventNames,yc as PopoverPositions,$c as PopoverRepositionModes,Sc as PopoverStyles,Mc as PopoverTemplate,wc as PositioningShorthand,Pm as ProgressBar,Rm as ProgressBarDefinition,zm as ProgressBarShapes,Am as ProgressBarThicknesses,Om as ProgressBarValidationStates,Dm as Radio,Fm as RadioDefinition,Bm as RadioGroup,Vm as RadioGroupDefinition,_m as RadioGroupOrientations,Hm as RatingDisplay,Nm as RatingDisplayColors,jm as RatingDisplayDefinition,qm as RatingDisplaySizes,sb as SearchBox,eb as SearchBoxAppearances,Jm as SearchBoxControlSizes,db as SearchBoxDefinition,ib as SearchBoxEventNames,ob as SearchBoxImplicitSubmissionBlockingTypes,tb as SearchBoxTypes,gh as SimpleTable,wh as SimpleTableDefinition,cb as Slider,gb as SliderDefinition,mb as SliderEventNames,hb as SliderModes,ub as SliderOrientations,pb as SliderSizes,_p as SlottableInputs,dh as SortDirections,kb as SpinButton,fb as SpinButtonAppearances,$b as SpinButtonBounds,wb as SpinButtonControlSizes,Mb as SpinButtonDefinition,xb as SpinButtonEventNames,yb as SpinButtonSpinStates,Ib as SpinButtonStyles,Sb as SpinButtonTemplate,Cd as Spinner,kd as SpinnerAppearances,Ed as SpinnerDefinition,Id as SpinnerSizes,ih as SvgIcon,rh as SvgIconDefinition,Tb as Switch,Pb as SwitchDefinition,Rb as Tab,zb as TabDefinition,lh as Table,ch as TableCell,ph as TableCellDefinition,yh as TableCellSizes,hh as TableCellStyles,uh as TableCellTemplate,vh as TableDefinition,mh as TableStyles,bh as TableTemplate,_b as Tablist,Ab as TablistAppearances,Vb as TablistDefinition,Bb as TablistEventNames,Ob as TablistOrientations,Db as TablistSizes,Lh as Tag,kh as TagAppearances,Ph as TagDefinition,Ih as TagEventNames,Ch as TagShapes,$h as TagSizes,xh as TagTextSizes,Dh as TeachingBubble,Vh as TeachingBubbleDefinition,Ah as TeachingBubbleEventNames,zh as TeachingBubblePlacements,Rh as TeachingBubbleSizes,Ub as Text,Zb as TextAligns,Fb as TextArea,jb as TextAreaAppearances,Kb as TextAreaAppearancesForDisplayShadows,Nb as TextAreaAutocompletes,Hb as TextAreaDefinition,qb as TextAreaResizes,Xb as TextAreaSizes,Gb as TextDefinition,Qb as TextFonts,Qm as TextInput,Km as TextInputAppearances,Xm as TextInputControlSizes,Yb as TextInputDefinition,rb as TextInputStyles,Wb as TextInputTemplate,Wm as TextInputTypes,Jb as TextSizes,ev as TextWeights,lv as ToggleButton,dv as ToggleButtonAppearances,mv as ToggleButtonDefinition,pv as ToggleButtonFormTargets,cv as ToggleButtonShapes,hv as ToggleButtonSizes,uv as ToggleButtonTypes,bv as Tooltip,vv as TooltipDefinition,gv as TooltipPositioningOptions,tv as Tree,ov as TreeDefinition,iv as TreeItem,av as TreeItemDefinition,rv as TreeItemStyles,sv as TreeItemTemplate,Bp as ValidationFlags,Gh as Wizard,Jh as WizardDefinition,Yh as WizardEvents,Xh as WizardPanel,ou as WizardPanelDefinition,jh as WizardPanelEventNames,Nh as WizardPanelStates,Wh as WizardStep,au as WizardStepDefinition,Hh as WizardStepEvents,Fh as WizardStepStates,Aa as applyMixins,Fa as attachMockElementInternals,Qa as clamp,qa as composeDefinitions,Ea as createRovingFocusController,_s as createUniqueId,Da as debounce,Ba as debug,pl as defineCarousel,Gc as definePagination,xr as disabledState,Cr as expandedState,Na as fromFAST,ga as getDirection,Wc as getOptionsFromElement,ka as globalDirectionDetector,_a as inputElementMethods,Ua as isActionModifierKey,Ta as isDisabledElement,Ra as isFocusableElement,Pa as isHiddenElement,Kc as isOptionGroup,fa as isRtl,Sm as optionGroupStyles,Mm as optionGroupTemplate,Ja as precisionRound,Ns as roleForMenuGroup,Hs as roleForMenuItem,Oa as setAttributes,za as setChildrenFocusability,Ca as setGlobalDirectionDetector,Ga as staticallyCompose,Ds as toggleState,Za as whitespaceFilter};
195
215
  //# sourceMappingURL=index.min.js.map