@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
@@ -1 +1 @@
1
- {"version":3,"file":"menu.options.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC,IAAI;IAC1B,IAAI,EAAE,eAAe,CAAC,IAAI;CAClB,CAAC"}
1
+ {"version":3,"file":"menu.options.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;CACN,CAAC;AAQX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;CACF,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,eAAe,CAAC,IAAI;IAC1B,IAAI,EAAE,eAAe,CAAC,IAAI;CAClB,CAAC"}
@@ -1,38 +1,33 @@
1
- import { MenuPositions } from './menu.options.js';
1
+ import { MenuPositions, MenuAlignments } from './menu.options.js';
2
2
  import { FlexiblePositionStrategy } from '../../util/positioning/flexible-position-strategy.js';
3
3
 
4
4
  /**
5
- * Convert a menu positioning shorthand to a ConnectedPosition.
5
+ * Convert a menu position + alignment pair to a {@link ConnectedPosition}.
6
+ * Unknown alignment values (possible via raw HTML attributes that bypass the
7
+ * TypeScript types) coerce to `start` so the JS strategy matches the CSS
8
+ * default rule, which also falls back to start alignment when the
9
+ * `menu-alignment="end"` selector doesn't match.
6
10
  * @internal
7
11
  */
8
- function menuShorthandToPosition(shorthand) {
9
- switch (shorthand) {
10
- case MenuPositions.above:
11
- return {
12
- originX: "start",
13
- originY: "top",
14
- overlayX: "start",
15
- overlayY: "bottom"
16
- };
17
- case MenuPositions.below:
18
- return {
19
- originX: "start",
20
- originY: "bottom",
21
- overlayX: "start",
22
- overlayY: "top"
23
- };
24
- default:
25
- return {
26
- originX: "start",
27
- originY: "bottom",
28
- overlayX: "start",
29
- overlayY: "top"
30
- };
31
- }
12
+ function menuShorthandToPosition(position, alignment) {
13
+ const horizontal = alignment === MenuAlignments.end ? "end" : "start";
14
+ return position === MenuPositions.above ? {
15
+ originX: horizontal,
16
+ originY: "top",
17
+ overlayX: horizontal,
18
+ overlayY: "bottom"
19
+ } : {
20
+ originX: horizontal,
21
+ originY: "bottom",
22
+ overlayX: horizontal,
23
+ overlayY: "top"
24
+ };
32
25
  }
33
26
  /**
34
27
  * Positioning manager for menu component.
35
28
  * Delegates all coordinate-based positioning to {@link FlexiblePositionStrategy}.
29
+ * Only {@link MenuPosition} is flipped by `reposition-mode="auto"`;
30
+ * {@link MenuAlignment} is authored by the consumer and is honored as-is.
36
31
  * @internal
37
32
  */
38
33
  class MenuPositioning {
@@ -42,6 +37,12 @@ class MenuPositioning {
42
37
  get position() {
43
38
  return this._position;
44
39
  }
40
+ set alignment(value) {
41
+ this._alignment = value;
42
+ }
43
+ get alignment() {
44
+ return this._alignment;
45
+ }
45
46
  /**
46
47
  * Updates the overflow boundary reference used for collision detection.
47
48
  */
@@ -52,18 +53,19 @@ class MenuPositioning {
52
53
  var _a;
53
54
  this.positionStrategy = null;
54
55
  this._position = MenuPositions.below;
56
+ this._alignment = MenuAlignments.start;
55
57
  this.menuReference = options.menuReference;
56
58
  this.anchorReference = options.anchorReference;
57
59
  this.overflowBoundaryReference = (_a = options.overflowBoundaryReference) !== null && _a !== void 0 ? _a : null;
58
60
  }
59
61
  /**
60
62
  * Build the ordered list of candidate positions.
61
- * The original position is always the first entry, followed by fallbacks.
63
+ * The original position is always the first entry, followed by its
64
+ * vertical opposite (same alignment).
62
65
  */
63
66
  buildPositionCandidates() {
64
- const original = this._position;
65
- const allPositionValues = Object.values(MenuPositions);
66
- return [menuShorthandToPosition(original), ...allPositionValues.filter(s => s !== original).map(s => menuShorthandToPosition(s))];
67
+ const opposite = this._position === MenuPositions.above ? MenuPositions.below : MenuPositions.above;
68
+ return [menuShorthandToPosition(this._position, this._alignment), menuShorthandToPosition(opposite, this._alignment)];
67
69
  }
68
70
  /**
69
71
  * Create a new immutable FlexiblePositionStrategy from current state.
@@ -1 +1 @@
1
- {"version":3,"file":"menu.positioning.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.positioning.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"menu.positioning.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.positioning.ts"],"names":[],"mappings":"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"}
@@ -8,7 +8,8 @@ const styles = css`
8
8
  ${display("inline-block")}
9
9
 
10
10
  :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"]))
11
- ::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:${strokeWidthThin} solid ${colorNeutralStroke1};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:${strokeWidthThin} solid
11
+ ::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}:host([menu-alignment="end"]:not([reposition-mode="auto"]))
12
+ ::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:${strokeWidthThin} solid ${colorNeutralStroke1};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:${strokeWidthThin} solid
12
13
  ${colorNeutralForegroundInverted}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;
13
14
 
14
15
  export { styles };
@@ -1 +1 @@
1
- {"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,OAAO,EACP,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA6CF,eAAe,UAAU,mBAAmB;;;;;;;;;;;;yBAY5C,eAAe;QAChC,8BAA8B;;;;;;;;CAQrC,CAAC"}
1
+ {"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,OAAO,EACP,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmDF,eAAe,UAAU,mBAAmB;;;;;;;;;;;;yBAY5C,eAAe;QAChC,8BAA8B;;;;;;;;CAQrC,CAAC"}
@@ -1,5 +1,6 @@
1
- import { MenuButtonStyles, MenuButtonTemplate } from '@fluentui/web-components';
1
+ import { MenuButtonTemplate } from '@fluentui/web-components';
2
2
  import { MenuButton } from './menu-button.js';
3
+ import { styles } from './menu-button.styles.js';
3
4
  import { DesignSystem } from '../design-system.js';
4
5
 
5
6
  /**
@@ -7,6 +8,8 @@ import { DesignSystem } from '../design-system.js';
7
8
  *
8
9
  * Uses Fluent UI's MenuButtonTemplate which includes the chevron icon,
9
10
  * rather than a custom template, to maintain consistency with Fluent UI.
11
+ * Uses Fabric styles that extend Fluent UI's Menu Button styles to remove
12
+ * the chevron icon when the `icon-only` attribute is set.
10
13
  */
11
14
  /**
12
15
  *
@@ -17,7 +20,7 @@ import { DesignSystem } from '../design-system.js';
17
20
  const definition = MenuButton.compose({
18
21
  name: `${DesignSystem.prefix}-menu-button`,
19
22
  template: MenuButtonTemplate,
20
- styles: MenuButtonStyles,
23
+ styles,
21
24
  shadowOptions: {
22
25
  mode: DesignSystem.shadowRootMode
23
26
  }
@@ -1 +1 @@
1
- {"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
@@ -16,7 +16,7 @@ import { MenuButton as MenuButton$1 } from '@fluentui/web-components';
16
16
  * @attr {MenuButtonAppearances | undefined} appearance - Indicates the styled appearance of the button.
17
17
  * @attr {MenuButtonShape | undefined} shape - The shape of the button.
18
18
  * @attr {MenuButtonSize | undefined} size - The size of the button.
19
- * @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content.
19
+ * @attr {boolean | undefined} icon-only - Indicates that the button should only display as an icon with no text content. When set, the built-in chevron icon is removed.
20
20
  * @attr {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
21
21
  * @attr {boolean | undefined} disabled-focusable - Indicates that the button is focusable while disabled.
22
22
  * @attr {number | undefined} tabindex - Sets that the button tabindex attribute.
@@ -33,7 +33,7 @@ import { MenuButton as MenuButton$1 } from '@fluentui/web-components';
33
33
  * @prop {MenuButtonAppearances | undefined} appearance - Indicates the styled appearance of the button.
34
34
  * @prop {MenuButtonShape | undefined} shape - The shape of the button.
35
35
  * @prop {MenuButtonSize | undefined} size - The size of the button.
36
- * @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content.
36
+ * @prop {boolean | undefined} iconOnly - Indicates that the button should only display as an icon with no text content. When set, the built-in chevron icon is removed.
37
37
  * @prop {boolean | undefined} autofocus - Indicates the button should be focused when the page is loaded.
38
38
  * @prop {boolean | undefined} disabledFocusable - Indicates that the button is focusable while disabled.
39
39
  * @prop {number | undefined} tabindex - Sets that the button tabindex attribute.
@@ -0,0 +1,18 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ import { MenuButtonStyles } from '@fluentui/web-components';
3
+
4
+ /**
5
+ * Fabric Menu Button styles.
6
+ *
7
+ * Extends Fluent UI's Menu Button styles and removes the built-in chevron
8
+ * icon when the `icon-only` attribute is set, since an icon-only menu button
9
+ * has no label text for the chevron to accompany.
10
+ *
11
+ * @public
12
+ */
13
+ const styles = css`
14
+ ${MenuButtonStyles}
15
+
16
+ :host([icon-only]) slot[name="end"]{display:none}`;
17
+
18
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu-button.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-button/menu-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;CAKnB,CAAC"}
@@ -9,7 +9,7 @@ import { dangerState, disabledState, checkedState, submenuState } from '../style
9
9
  const styles = css`
10
10
  ${display("grid")}
11
11
 
12
- :host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};contain:layout;cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
12
+ :host{--indent:0;align-items:center;background:${colorNeutralBackground1};border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};cursor:pointer;flex-shrink:0;font:${fontWeightRegular} ${fontSizeBase300} / ${lineHeightBase300}
13
13
  ${fontFamilyBase};grid-gap:${spacingHorizontalXS};grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto ${spacingHorizontalXL};height:${sizeVerticalXXXL};overflow:visible;padding:0 ${spacingHorizontalMNudge}}:host(:hover){background:${colorNeutralBackground1Hover};color:${colorNeutralForeground2Hover}}:host(:active){background-color:${colorNeutralBackground1Selected};color:${colorNeutralForeground2Pressed}}:host(:active) ::slotted([slot="start"]){color:${colorCompoundBrandForeground1Pressed}}:host(${dangerState}){color:${colorStatusDangerForeground1}}:host(${dangerState}) ::slotted([slot="start"]),:host(${dangerState}) ::slotted([slot="end"]){color:${colorStatusDangerForeground1}}:host(${disabledState}){background-color:${colorNeutralBackgroundDisabled};color:${colorNeutralForegroundDisabled}}:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:${colorNeutralForegroundDisabled}}:host(:focus-visible){border-radius:${borderRadiusMedium};outline:${strokeWidthThick} solid ${colorStrokeFocus2}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${spacingHorizontalXXS}}:host(:not(${checkedState})) .indicator,:host(:not(${checkedState})) ::slotted([slot="indicator"]),:host(:not(${submenuState})) .submenu-glyph,:host(:not(${submenuState})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${colorNeutralForeground3};font:${fontWeightRegular} ${fontSizeBase200} / ${lineHeightBase200}
14
14
  ${fontFamilyBase};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto}:host(${submenuState}){grid-template-columns:${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}:host([data-indent="2"]${submenuState}){grid-template-columns:${spacingHorizontalXL} ${spacingHorizontalXL} auto auto ${spacingHorizontalXL}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${sizeHorizontalXL}}::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(forcedColorsStylesheetBehavior(css`
15
15
  :host(${disabledState}),:host(${disabledState}) ::slotted([slot="start"]),:host(${disabledState}) ::slotted([slot="end"]){color:GrayText}`));
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,8BAA8B,EAC9B,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,4BAA4B,EAC5B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;;YAKxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;gBACN,mBAAmB;6BACN,mBAAmB,IAAI,mBAAmB,SAAS,mBAAmB;cACrF,gBAAgB;;iBAEb,uBAAuB;;;;kBAItB,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,WAAW;aACR,4BAA4B;;;UAG/B,WAAW;UACX,WAAW;aACR,4BAA4B;;;UAG/B,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;eACxB,gBAAgB,UAAU,iBAAiB;;;;;;;iBAOzC,oBAAoB;;;eAGtB,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;;;;;;;;;;6BAUO,mBAAmB,IAAI,mBAAmB;;;UAG7D,YAAY;6BACO,mBAAmB,cAAc,mBAAmB;;;2BAGtD,YAAY;6BACV,mBAAmB,IAAI,mBAAmB,cAAc,mBAAmB;;;;;;aAM3F,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD5B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,aAAa;YACb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}
1
+ {"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-item/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,8BAA8B,EAC9B,kBAAkB,EAClB,oCAAoC,EACpC,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,4BAA4B,EAC5B,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACb,MAAM,4BAA4B,CAAC;AAEpC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKD,uBAAuB;qBACpB,kBAAkB;aAC1B,uBAAuB;;;;YAIxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;gBACN,mBAAmB;6BACN,mBAAmB,IAAI,mBAAmB,SAAS,mBAAmB;cACrF,gBAAgB;;iBAEb,uBAAuB;;;;kBAItB,4BAA4B;aACjC,4BAA4B;;;;wBAIjB,+BAA+B;aAC1C,8BAA8B;;;;aAI9B,oCAAoC;;;UAGvC,WAAW;aACR,4BAA4B;;;UAG/B,WAAW;UACX,WAAW;aACR,4BAA4B;;;UAG/B,aAAa;wBACC,8BAA8B;aACzC,8BAA8B;;;UAGjC,aAAa;UACb,aAAa;aACV,8BAA8B;;;;qBAItB,kBAAkB;eACxB,gBAAgB,UAAU,iBAAiB;;;;;;;iBAOzC,oBAAoB;;;eAGtB,YAAY;eACZ,YAAY;eACZ,YAAY;eACZ,YAAY;;;;;aAKd,uBAAuB;YACxB,iBAAiB,IAAI,eAAe,MAAM,iBAAiB;QAC/D,cAAc;;;;;;;;;;6BAUO,mBAAmB,IAAI,mBAAmB;;;UAG7D,YAAY;6BACO,mBAAmB,cAAc,mBAAmB;;;2BAGtD,YAAY;6BACV,mBAAmB,IAAI,mBAAmB,cAAc,mBAAmB;;;;;;aAM3F,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD5B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;YACxB,aAAa;YACb,aAAa;YACb,aAAa;;;GAGtB,CAAC,CACH,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { css } from '@microsoft/fast-element';
2
- import { spacingHorizontalXXXL, colorNeutralBackground1, colorTransparentStroke, borderRadiusMedium, shadow16, spacingHorizontalXS, spacingHorizontalXXS, display } from '@fluentui/web-components';
2
+ import { colorNeutralBackground1, colorTransparentStroke, borderRadiusMedium, shadow16, spacingHorizontalXS, spacingHorizontalXXS, display } from '@fluentui/web-components';
3
3
 
4
4
  /** MenuList styles
5
5
  * @public
@@ -7,6 +7,6 @@ import { spacingHorizontalXXXL, colorNeutralBackground1, colorTransparentStroke,
7
7
  const styles = css`
8
8
  ${display("flex")}
9
9
 
10
- :host{flex-direction:column;height:fit-content;min-width:calc(${spacingHorizontalXXXL} * 5);width:auto;background-color:${colorNeutralBackground1};border:1px solid ${colorTransparentStroke};border-radius:${borderRadiusMedium};box-shadow:${shadow16};padding:${spacingHorizontalXS};row-gap:${spacingHorizontalXXS}}`;
10
+ :host{flex-direction:column;height:fit-content;width:max-content;background-color:${colorNeutralBackground1};border:1px solid ${colorTransparentStroke};border-radius:${borderRadiusMedium};box-shadow:${shadow16};padding:${spacingHorizontalXS};row-gap:${spacingHorizontalXXS}}`;
11
11
 
12
12
  export { styles };
@@ -1 +1 @@
1
- {"version":3,"file":"menu-list.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,QAAQ,EACR,OAAO,EACP,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;sBAKG,qBAAqB;;wBAEnB,uBAAuB;wBACvB,sBAAsB;qBACzB,kBAAkB;kBACrB,QAAQ;eACX,mBAAmB;eACnB,oBAAoB;;CAElC,CAAC"}
1
+ {"version":3,"file":"menu-list.styles.js","sourceRoot":"","sources":["../../../../src/components/menu-list/menu-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;wBAMK,uBAAuB;wBACvB,sBAAsB;qBACzB,kBAAkB;kBACrB,QAAQ;eACX,mBAAmB;eACnB,oBAAoB;;CAElC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { definition } from "./modal.definition.js";
2
+ import { modalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
3
+ import { DesignSystem } from "../design-system.js";
4
+ import "../dialog/define.js";
5
+ import "../carousel-nav/define.js";
6
+ import "../carousel-nav-item/define.js";
7
+ definition.define(DesignSystem.registry);
8
+ modalFreItemDefinition.define(DesignSystem.registry);
9
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/modal/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AAExC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACzC,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ export { Modal } from "./modal.js";
2
+ export { ModalFreItem } from "../modal-fre-item/modal-fre-item.js";
3
+ export { definition as ModalDefinition } from "./modal.definition.js";
4
+ export { modalFreItemDefinition as ModalFreItemDefinition } from "../modal-fre-item/modal-fre-item.definition.js";
5
+ export { ModalModes } from "./modal.options.js";
6
+ export { ModalEventNames } from "./modal.events.js";
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAClH,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { definition as definition$3 } from '../button/button.definition.js';
2
+ import { definition as definition$2 } from '../carousel-nav/carousel-nav.definition.js';
3
+ import { definition as definition$1 } from '../carousel-nav-item/carousel-nav-item.definition.js';
4
+ import { definition as definition$4 } from '../dialog/dialog.definition.js';
5
+ import { DesignSystem } from '../design-system.js';
6
+ import { composeDefinitions, fromFAST } from '../../util/element-definition.js';
7
+ import { Modal } from './modal.js';
8
+ import { styles } from './modal.styles.js';
9
+ import { template } from './modal.template.js';
10
+
11
+ /** @internal */
12
+ const ModalDefinition = Modal.compose({
13
+ name: `${DesignSystem.prefix}-modal`,
14
+ template,
15
+ styles,
16
+ shadowOptions: {
17
+ mode: DesignSystem.shadowRootMode
18
+ }
19
+ });
20
+ /**
21
+ * Composed element definition for `<fabric-modal>`, and all direct dependencies.
22
+ *
23
+ * @public
24
+ * @remarks
25
+ * HTML Element: `<fabric-modal>`
26
+ */
27
+ const definition = composeDefinitions(fromFAST(ModalDefinition), fromFAST(definition$4), fromFAST(definition$3), fromFAST(definition$2), fromFAST(definition$1));
28
+
29
+ export { definition };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.definition.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,UAAU,IAAI,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,gBAAgB;AAChB,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,eAAe,CAAC,EACzB,QAAQ,CAAC,gBAAgB,CAAC,EAC1B,QAAQ,CAAC,gBAAgB,CAAC,EAC1B,QAAQ,CAAC,qBAAqB,CAAC,EAC/B,QAAQ,CAAC,yBAAyB,CAAC,CACpC,CAAC"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Event names for the Modal component.
3
+ * @public
4
+ */
5
+ const ModalEventNames = {
6
+ openChange: "open-change",
7
+ dismiss: "dismiss",
8
+ stepChange: "step-change"
9
+ };
10
+
11
+ export { ModalEventNames };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.events.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.events.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,aAAa;CACjB,CAAC"}