@fluentui/react-teaching-popover 9.1.19 → 9.1.21

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 (224) hide show
  1. package/CHANGELOG.md +38 -2
  2. package/lib/TeachingPopover.js.map +1 -1
  3. package/lib/TeachingPopoverBody.js.map +1 -1
  4. package/lib/TeachingPopoverCarousel.js.map +1 -1
  5. package/lib/TeachingPopoverCarouselCard.js.map +1 -1
  6. package/lib/TeachingPopoverCarouselFooter.js.map +1 -1
  7. package/lib/TeachingPopoverCarouselFooterButton.js.map +1 -1
  8. package/lib/TeachingPopoverCarouselNav.js.map +1 -1
  9. package/lib/TeachingPopoverCarouselNavButton.js.map +1 -1
  10. package/lib/TeachingPopoverCarouselPageCount.js.map +1 -1
  11. package/lib/TeachingPopoverFooter.js.map +1 -1
  12. package/lib/TeachingPopoverHeader.js.map +1 -1
  13. package/lib/TeachingPopoverSurface.js.map +1 -1
  14. package/lib/TeachingPopoverTitle.js.map +1 -1
  15. package/lib/TeachingPopoverTrigger.js.map +1 -1
  16. package/lib/components/TeachingPopover/TeachingPopover.js.map +1 -1
  17. package/lib/components/TeachingPopover/TeachingPopover.types.js.map +1 -1
  18. package/lib/components/TeachingPopover/index.js.map +1 -1
  19. package/lib/components/TeachingPopover/renderTeachingPopover.js.map +1 -1
  20. package/lib/components/TeachingPopover/useTeachingPopover.js.map +1 -1
  21. package/lib/components/TeachingPopoverBody/TeachingPopoverBody.js.map +1 -1
  22. package/lib/components/TeachingPopoverBody/TeachingPopoverBody.types.js.map +1 -1
  23. package/lib/components/TeachingPopoverBody/index.js.map +1 -1
  24. package/lib/components/TeachingPopoverBody/renderTeachingPopoverBody.js.map +1 -1
  25. package/lib/components/TeachingPopoverBody/useTeachingPopoverBody.js.map +1 -1
  26. package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +1 -2
  27. package/lib/components/TeachingPopoverCarousel/Carousel/Carousel.js.map +1 -1
  28. package/lib/components/TeachingPopoverCarousel/Carousel/Carousel.types.js.map +1 -1
  29. package/lib/components/TeachingPopoverCarousel/Carousel/CarouselContext.js.map +1 -1
  30. package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js.map +1 -1
  31. package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.js.map +1 -1
  32. package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.js.map +1 -1
  33. package/lib/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.js.map +1 -1
  34. package/lib/components/TeachingPopoverCarousel/Carousel/constants.js.map +1 -1
  35. package/lib/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js.map +1 -1
  36. package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js.map +1 -1
  37. package/lib/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js.map +1 -1
  38. package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js.map +1 -1
  39. package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map +1 -1
  40. package/lib/components/TeachingPopoverCarousel/index.js.map +1 -1
  41. package/lib/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map +1 -1
  42. package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map +1 -1
  43. package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map +1 -1
  44. package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js +1 -2
  45. package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map +1 -1
  46. package/lib/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map +1 -1
  47. package/lib/components/TeachingPopoverCarouselCard/index.js.map +1 -1
  48. package/lib/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map +1 -1
  49. package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map +1 -1
  50. package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js +1 -2
  51. package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map +1 -1
  52. package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map +1 -1
  53. package/lib/components/TeachingPopoverCarouselFooter/index.js.map +1 -1
  54. package/lib/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map +1 -1
  55. package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map +1 -1
  56. package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js +1 -2
  57. package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map +1 -1
  58. package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js.map +1 -1
  59. package/lib/components/TeachingPopoverCarouselFooterButton/index.js.map +1 -1
  60. package/lib/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map +1 -1
  61. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map +1 -1
  62. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +1 -2
  63. package/lib/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.js.map +1 -1
  64. package/lib/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.js.map +1 -1
  65. package/lib/components/TeachingPopoverCarouselNav/index.js.map +1 -1
  66. package/lib/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js.map +1 -1
  67. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js.map +1 -1
  68. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +1 -2
  69. package/lib/components/TeachingPopoverCarouselNav/valueIdContext.js.map +1 -1
  70. package/lib/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.js.map +1 -1
  71. package/lib/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js.map +1 -1
  72. package/lib/components/TeachingPopoverCarouselNavButton/index.js.map +1 -1
  73. package/lib/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js.map +1 -1
  74. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js.map +1 -1
  75. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +1 -2
  76. package/lib/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.js.map +1 -1
  77. package/lib/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.types.js.map +1 -1
  78. package/lib/components/TeachingPopoverCarouselPageCount/index.js.map +1 -1
  79. package/lib/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.js.map +1 -1
  80. package/lib/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js.map +1 -1
  81. package/lib/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js +1 -2
  82. package/lib/components/TeachingPopoverFooter/TeachingPopoverFooter.js.map +1 -1
  83. package/lib/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js.map +1 -1
  84. package/lib/components/TeachingPopoverFooter/index.js.map +1 -1
  85. package/lib/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js.map +1 -1
  86. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map +1 -1
  87. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +1 -2
  88. package/lib/components/TeachingPopoverHeader/TeachingPopoverHeader.js.map +1 -1
  89. package/lib/components/TeachingPopoverHeader/TeachingPopoverHeader.types.js.map +1 -1
  90. package/lib/components/TeachingPopoverHeader/index.js.map +1 -1
  91. package/lib/components/TeachingPopoverHeader/renderTeachingPopoverHeader.js.map +1 -1
  92. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map +1 -1
  93. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +1 -2
  94. package/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map +1 -1
  95. package/lib/components/TeachingPopoverSurface/TeachingPopoverSurface.types.js.map +1 -1
  96. package/lib/components/TeachingPopoverSurface/index.js.map +1 -1
  97. package/lib/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js +1 -1
  98. package/lib/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js.map +1 -1
  99. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurface.js.map +1 -1
  100. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +1 -2
  101. package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map +1 -1
  102. package/lib/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js.map +1 -1
  103. package/lib/components/TeachingPopoverTitle/index.js.map +1 -1
  104. package/lib/components/TeachingPopoverTitle/renderTeachingPopoverTitle.js.map +1 -1
  105. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map +1 -1
  106. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +1 -2
  107. package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map +1 -1
  108. package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js.map +1 -1
  109. package/lib/components/TeachingPopoverTrigger/index.js.map +1 -1
  110. package/lib/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js.map +1 -1
  111. package/lib/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js.map +1 -1
  112. package/lib/index.js.map +1 -1
  113. package/lib-commonjs/TeachingPopover.js.map +1 -1
  114. package/lib-commonjs/TeachingPopoverBody.js.map +1 -1
  115. package/lib-commonjs/TeachingPopoverCarousel.js.map +1 -1
  116. package/lib-commonjs/TeachingPopoverCarouselCard.js.map +1 -1
  117. package/lib-commonjs/TeachingPopoverCarouselFooter.js.map +1 -1
  118. package/lib-commonjs/TeachingPopoverCarouselFooterButton.js.map +1 -1
  119. package/lib-commonjs/TeachingPopoverCarouselNav.js.map +1 -1
  120. package/lib-commonjs/TeachingPopoverCarouselNavButton.js.map +1 -1
  121. package/lib-commonjs/TeachingPopoverCarouselPageCount.js.map +1 -1
  122. package/lib-commonjs/TeachingPopoverFooter.js.map +1 -1
  123. package/lib-commonjs/TeachingPopoverHeader.js.map +1 -1
  124. package/lib-commonjs/TeachingPopoverSurface.js.map +1 -1
  125. package/lib-commonjs/TeachingPopoverTitle.js.map +1 -1
  126. package/lib-commonjs/TeachingPopoverTrigger.js.map +1 -1
  127. package/lib-commonjs/components/TeachingPopover/TeachingPopover.js.map +1 -1
  128. package/lib-commonjs/components/TeachingPopover/TeachingPopover.types.js.map +1 -1
  129. package/lib-commonjs/components/TeachingPopover/index.js.map +1 -1
  130. package/lib-commonjs/components/TeachingPopover/renderTeachingPopover.js.map +1 -1
  131. package/lib-commonjs/components/TeachingPopover/useTeachingPopover.js.map +1 -1
  132. package/lib-commonjs/components/TeachingPopoverBody/TeachingPopoverBody.js.map +1 -1
  133. package/lib-commonjs/components/TeachingPopoverBody/TeachingPopoverBody.types.js.map +1 -1
  134. package/lib-commonjs/components/TeachingPopoverBody/index.js.map +1 -1
  135. package/lib-commonjs/components/TeachingPopoverBody/renderTeachingPopoverBody.js.map +1 -1
  136. package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBody.js.map +1 -1
  137. package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +1 -1
  138. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js.map +1 -1
  139. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.types.js.map +1 -1
  140. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselContext.js.map +1 -1
  141. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js.map +1 -1
  142. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.js.map +1 -1
  143. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.js.map +1 -1
  144. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.js.map +1 -1
  145. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/constants.js.map +1 -1
  146. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js.map +1 -1
  147. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js.map +1 -1
  148. package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js.map +1 -1
  149. package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js.map +1 -1
  150. package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map +1 -1
  151. package/lib-commonjs/components/TeachingPopoverCarousel/index.js.map +1 -1
  152. package/lib-commonjs/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map +1 -1
  153. package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map +1 -1
  154. package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map +1 -1
  155. package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js +1 -1
  156. package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map +1 -1
  157. package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map +1 -1
  158. package/lib-commonjs/components/TeachingPopoverCarouselCard/index.js.map +1 -1
  159. package/lib-commonjs/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map +1 -1
  160. package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map +1 -1
  161. package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js +1 -1
  162. package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map +1 -1
  163. package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map +1 -1
  164. package/lib-commonjs/components/TeachingPopoverCarouselFooter/index.js.map +1 -1
  165. package/lib-commonjs/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map +1 -1
  166. package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map +1 -1
  167. package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js +1 -1
  168. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map +1 -1
  169. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js.map +1 -1
  170. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/index.js.map +1 -1
  171. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map +1 -1
  172. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map +1 -1
  173. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +1 -1
  174. package/lib-commonjs/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.js.map +1 -1
  175. package/lib-commonjs/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.js.map +1 -1
  176. package/lib-commonjs/components/TeachingPopoverCarouselNav/index.js.map +1 -1
  177. package/lib-commonjs/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js.map +1 -1
  178. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js.map +1 -1
  179. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +1 -1
  180. package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.js.map +1 -1
  181. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.js.map +1 -1
  182. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js.map +1 -1
  183. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/index.js.map +1 -1
  184. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js.map +1 -1
  185. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js.map +1 -1
  186. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +1 -1
  187. package/lib-commonjs/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.js.map +1 -1
  188. package/lib-commonjs/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.types.js.map +1 -1
  189. package/lib-commonjs/components/TeachingPopoverCarouselPageCount/index.js.map +1 -1
  190. package/lib-commonjs/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.js.map +1 -1
  191. package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js.map +1 -1
  192. package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js +1 -1
  193. package/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.js.map +1 -1
  194. package/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.types.js.map +1 -1
  195. package/lib-commonjs/components/TeachingPopoverFooter/index.js.map +1 -1
  196. package/lib-commonjs/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js.map +1 -1
  197. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map +1 -1
  198. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +1 -1
  199. package/lib-commonjs/components/TeachingPopoverHeader/TeachingPopoverHeader.js.map +1 -1
  200. package/lib-commonjs/components/TeachingPopoverHeader/TeachingPopoverHeader.types.js.map +1 -1
  201. package/lib-commonjs/components/TeachingPopoverHeader/index.js.map +1 -1
  202. package/lib-commonjs/components/TeachingPopoverHeader/renderTeachingPopoverHeader.js.map +1 -1
  203. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map +1 -1
  204. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +1 -1
  205. package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map +1 -1
  206. package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.types.js.map +1 -1
  207. package/lib-commonjs/components/TeachingPopoverSurface/index.js.map +1 -1
  208. package/lib-commonjs/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js +1 -1
  209. package/lib-commonjs/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js.map +1 -1
  210. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurface.js.map +1 -1
  211. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +1 -1
  212. package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map +1 -1
  213. package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.types.js.map +1 -1
  214. package/lib-commonjs/components/TeachingPopoverTitle/index.js.map +1 -1
  215. package/lib-commonjs/components/TeachingPopoverTitle/renderTeachingPopoverTitle.js.map +1 -1
  216. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map +1 -1
  217. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +1 -1
  218. package/lib-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map +1 -1
  219. package/lib-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js.map +1 -1
  220. package/lib-commonjs/components/TeachingPopoverTrigger/index.js.map +1 -1
  221. package/lib-commonjs/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js.map +1 -1
  222. package/lib-commonjs/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js.map +1 -1
  223. package/lib-commonjs/index.js.map +1 -1
  224. package/package.json +11 -22
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarousel';\nexport * from './TeachingPopoverCarousel.types';\nexport * from './renderTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarouselStyles.styles';\nexport * from './useTeachingPopoverCarouselContextValues';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarousel/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarousel';\nexport * from './TeachingPopoverCarousel.types';\nexport * from './renderTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarouselStyles.styles';\nexport * from './useTeachingPopoverCarouselContextValues';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarousel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselState,\n TeachingPopoverCarouselSlots,\n TeachingPopoverCarouselContextValues,\n} from './TeachingPopoverCarousel.types';\nimport { CarouselProvider } from './Carousel/CarouselContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderTeachingPopoverCarousel_unstable = (\n state: TeachingPopoverCarouselState,\n contextValues: TeachingPopoverCarouselContextValues,\n) => {\n assertSlots<TeachingPopoverCarouselSlots>(state);\n\n return (\n <CarouselProvider value={contextValues.carousel}>\n <state.root />\n </CarouselProvider>\n );\n};\n"],"names":["renderTeachingPopoverCarousel_unstable","state","contextValues","assertSlots","_jsx","CarouselProvider","value","carousel","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;iCAMK;AAK1B,MAAMA,yCAAyC,CACpDC,OACAC;IAEAC,IAAAA,2BAAAA,EAA0CF;IAE1C,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,iCAAAA,EAAAA;QAAiBC,OAAOJ,cAAcK,QAAQ;kBAC7C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselState,\n TeachingPopoverCarouselSlots,\n TeachingPopoverCarouselContextValues,\n} from './TeachingPopoverCarousel.types';\nimport { CarouselProvider } from './Carousel/CarouselContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderTeachingPopoverCarousel_unstable = (\n state: TeachingPopoverCarouselState,\n contextValues: TeachingPopoverCarouselContextValues,\n) => {\n assertSlots<TeachingPopoverCarouselSlots>(state);\n\n return (\n <CarouselProvider value={contextValues.carousel}>\n <state.root />\n </CarouselProvider>\n );\n};\n"],"names":["renderTeachingPopoverCarousel_unstable","state","contextValues","assertSlots","_jsx","CarouselProvider","value","carousel","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;iCAMK;AAK1B,MAAMA,yCAAyC,CACpDC,OACAC;IAEAC,IAAAA,2BAAAA,EAA0CF;IAE1C,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,iCAAAA,EAAAA;QAAiBC,OAAOJ,cAAcK,QAAQ;kBAC7C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarousel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselProps, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable, type UseCarouselOptions } from './Carousel/Carousel';\n\nexport const useTeachingPopoverCarousel_unstable = (\n props: TeachingPopoverCarouselProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n const handleFinish: UseCarouselOptions['onFinish'] = useEventCallback((event, data) => {\n props.onFinish?.(event, data);\n toggleOpen(event as React.MouseEvent<HTMLElement>);\n });\n\n const { carousel, carouselRef } = useCarousel_unstable({\n defaultValue: props.defaultValue,\n value: props.value,\n onValueChange: props.onValueChange,\n onFinish: handleFinish,\n });\n\n const appearance = usePopoverContext_unstable(context => context.appearance);\n return {\n appearance,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, carouselRef),\n ...props,\n }),\n { elementType: 'div' },\n ),\n ...carousel,\n };\n};\n"],"names":["useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","usePopoverContext_unstable","c","handleFinish","useEventCallback","event","data","onFinish","carousel","carouselRef","useCarousel_unstable","defaultValue","value","onValueChange","appearance","context","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACyD;8BAErC;0BACmB;AAEvD,MAAMA,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,IAAKA,EAAEF,UAAU;IAC/D,MAAMG,eAA+CC,IAAAA,gCAAAA,EAAiB,CAACC,OAAOC;YAC5ER;QAAAA,CAAAA,kBAAAA,MAAMS,QAAQ,AAARA,MAAQ,QAAdT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBO,OAAOC;QACxBN,WAAWK;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGC,IAAAA,8BAAAA,EAAqB;QACrDC,cAAcb,MAAMa,YAAY;QAChCC,OAAOd,MAAMc,KAAK;QAClBC,eAAef,MAAMe,aAAa;QAClCN,UAAUJ;IACZ;IAEA,MAAMW,aAAab,IAAAA,wCAAAA,EAA2Bc,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BrB,KAAKsB,IAAAA,6BAAAA,EAActB,KAAKU;YACxB,GAAGX,KAAK;QACV,IACA;YAAEwB,aAAa;QAAM;QAEvB,GAAGd,QAAQ;IACb;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselProps, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable, type UseCarouselOptions } from './Carousel/Carousel';\n\nexport const useTeachingPopoverCarousel_unstable = (\n props: TeachingPopoverCarouselProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n const handleFinish: UseCarouselOptions['onFinish'] = useEventCallback((event, data) => {\n props.onFinish?.(event, data);\n toggleOpen(event as React.MouseEvent<HTMLElement>);\n });\n\n const { carousel, carouselRef } = useCarousel_unstable({\n defaultValue: props.defaultValue,\n value: props.value,\n onValueChange: props.onValueChange,\n onFinish: handleFinish,\n });\n\n const appearance = usePopoverContext_unstable(context => context.appearance);\n return {\n appearance,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, carouselRef),\n ...props,\n }),\n { elementType: 'div' },\n ),\n ...carousel,\n };\n};\n"],"names":["useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","usePopoverContext_unstable","c","handleFinish","useEventCallback","event","data","onFinish","carousel","carouselRef","useCarousel_unstable","defaultValue","value","onValueChange","appearance","context","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACyD;8BAErC;0BACmB;AAEvD,MAAMA,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,IAAKA,EAAEF,UAAU;IAC/D,MAAMG,eAA+CC,IAAAA,gCAAAA,EAAiB,CAACC,OAAOC;YAC5ER;QAAAA,CAAAA,kBAAAA,MAAMS,QAAQ,AAARA,MAAQ,QAAdT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBO,OAAOC;QACxBN,WAAWK;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGC,IAAAA,8BAAAA,EAAqB;QACrDC,cAAcb,MAAMa,YAAY;QAChCC,OAAOd,MAAMc,KAAK;QAClBC,eAAef,MAAMe,aAAa;QAClCN,UAAUJ;IACZ;IAEA,MAAMW,aAAab,IAAAA,wCAAAA,EAA2Bc,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BrB,KAAKsB,IAAAA,6BAAAA,EAActB,KAAKU;YACxB,GAAGX,KAAK;QACV,IACA;YAAEwB,aAAa;QAAM;QAEvB,GAAGd,QAAQ;IACb;AACF"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselContextValues.ts"],"sourcesContent":["import type {\n TeachingPopoverCarouselContextValues,\n TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\n\nexport function useTeachingPopoverCarouselContextValues_unstable(\n state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselContextValues {\n const { store, value, selectPageByValue, selectPageByDirection } = state;\n\n const carousel = {\n store,\n value,\n selectPageByDirection,\n selectPageByValue,\n };\n\n return { carousel };\n}\n"],"names":["useTeachingPopoverCarouselContextValues_unstable","state","store","value","selectPageByValue","selectPageByDirection","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,iDACdC,KAAmC;IAEnC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,MAAMK,WAAW;QACfJ;QACAC;QACAE;QACAD;IACF;IAEA,OAAO;QAAEE;IAAS;AACpB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.ts"],"sourcesContent":["import type {\n TeachingPopoverCarouselContextValues,\n TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\n\nexport function useTeachingPopoverCarouselContextValues_unstable(\n state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselContextValues {\n const { store, value, selectPageByValue, selectPageByDirection } = state;\n\n const carousel = {\n store,\n value,\n selectPageByDirection,\n selectPageByValue,\n };\n\n return { carousel };\n}\n"],"names":["useTeachingPopoverCarouselContextValues_unstable","state","store","value","selectPageByValue","selectPageByDirection","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,iDACdC,KAAmC;IAEnC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,MAAMK,WAAW;QACfJ;QACAC;QACAE;QACAD;IACF;IAEA,OAAO;QAAEE;IAAS;AACpB"}
@@ -29,4 +29,4 @@ const useTeachingPopoverCarouselStyles_unstable = (state)=>{
29
29
  const styles = useStyles();
30
30
  state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
31
31
  return state;
32
- }; //# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map
32
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport type { TeachingPopoverCarouselCardProps } from './TeachingPopoverCarouselCard.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\n\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */\nexport const TeachingPopoverCarouselCard: ForwardRefComponent<TeachingPopoverCarouselCardProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n\n useTeachingPopoverCarouselCardStyles_unstable(state);\n\n return renderTeachingPopoverCarouselCard_unstable(state);\n },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["TeachingPopoverCarouselCard","React","forwardRef","props","ref","state","useTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gDACiC;mDACG;4DAGG;AAQvD,MAAMA,8BAAAA,WAAAA,GAAqFC,OAAMC,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,uEAAAA,EAAwCH,OAAOC;IAE7DG,IAAAA,yFAAAA,EAA8CF;IAE9C,OAAOG,IAAAA,6EAAAA,EAA2CH;AACpD;AAGFL,4BAA4BS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport type { TeachingPopoverCarouselCardProps } from './TeachingPopoverCarouselCard.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\n\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */\nexport const TeachingPopoverCarouselCard: ForwardRefComponent<TeachingPopoverCarouselCardProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n\n useTeachingPopoverCarouselCardStyles_unstable(state);\n\n return renderTeachingPopoverCarouselCard_unstable(state);\n },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["TeachingPopoverCarouselCard","React","forwardRef","props","ref","state","useTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gDACiC;mDACG;4DAGG;AAQvD,MAAMA,8BAAAA,WAAAA,GAAqFC,OAAMC,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,uEAAAA,EAAwCH,OAAOC;IAE7DG,IAAAA,yFAAAA,EAA8CF;IAE9C,OAAOG,IAAAA,6EAAAA,EAA2CH;AACpD;AAGFL,4BAA4BS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselCard.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps } from '../TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types';\n\nexport type TeachingPopoverCarouselCardSlots = {\n /**\n * The element wrapping the buttons.\n */\n root: NonNullable<Slot<CarouselItemProps>>;\n};\n\nexport type TeachingPopoverCarouselCardProps = ComponentProps<TeachingPopoverCarouselCardSlots> & {\n /* Required: Passed into CarouselItem to identify pages. */\n value: string;\n};\n\nexport type TeachingPopoverCarouselCardState = ComponentState<TeachingPopoverCarouselCardSlots> &\n Required<Pick<TeachingPopoverCarouselCardProps, 'value'>>;\n"],"names":[],"rangeMappings":"","mappings":""}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps } from '../TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types';\n\nexport type TeachingPopoverCarouselCardSlots = {\n /**\n * The element wrapping the buttons.\n */\n root: NonNullable<Slot<CarouselItemProps>>;\n};\n\nexport type TeachingPopoverCarouselCardProps = ComponentProps<TeachingPopoverCarouselCardSlots> & {\n /* Required: Passed into CarouselItem to identify pages. */\n value: string;\n};\n\nexport type TeachingPopoverCarouselCardState = ComponentState<TeachingPopoverCarouselCardSlots> &\n Required<Pick<TeachingPopoverCarouselCardProps, 'value'>>;\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselCard_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,6CAA6C,CAACC;IACzDC,IAAAA,2BAAAA,EAA8CD;IAE9C,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselCard_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,6CAA6C,CAACC;IACzDC,IAAAA,2BAAAA,EAA8CD;IAE9C,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselCardProps,\n TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n props: TeachingPopoverCarouselCardProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n const { value } = props;\n\n return {\n value,\n components: {\n root: CarouselItem,\n },\n root: slot.always(\n {\n ...getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n value,\n },\n { elementType: CarouselItem },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","CarouselItem","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;gCAdkC;iEACxB;6BAMM;AAOtB,MAAMA,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMC,yBAAAA;QACR;QACAD,MAAME,oBAAAA,CAAKC,MAAM,CACf;YACE,GAAGC,IAAAA,wCAAAA,EAAyB,OAAO;gBACjCP;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEO,aAAaJ,yBAAAA;QAAa;IAEhC;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselCardProps,\n TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n props: TeachingPopoverCarouselCardProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n const { value } = props;\n\n return {\n value,\n components: {\n root: CarouselItem,\n },\n root: slot.always(\n {\n ...getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n value,\n },\n { elementType: CarouselItem },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","CarouselItem","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;gCAdkC;iEACxB;6BAMM;AAOtB,MAAMA,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMC,yBAAAA;QACR;QACAD,MAAME,oBAAAA,CAAKC,MAAM,CACf;YACE,GAAGC,IAAAA,wCAAAA,EAAyB,OAAO;gBACjCP;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEO,aAAaJ,yBAAAA;QAAa;IAEhC;AACF"}
@@ -28,4 +28,4 @@ const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
28
28
  const styles = useStyles();
29
29
  state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
30
30
  return state;
31
- }; //# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map
31
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n return renderTeachingPopoverCarouselFooter_unstable(state);\n },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["TeachingPopoverCarouselFooter","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","renderTeachingPopoverCarouselFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;kDACmC;qDACG;8DACG;AAUzD,MAAMA,gCAAAA,WAAAA,GAAyFC,OAAMC,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,2EAAAA,EAA0CH,OAAOC;IAE/DG,IAAAA,6FAAAA,EAAgDF;IAEhD,OAAOG,IAAAA,iFAAAA,EAA6CH;AACtD;AAGFL,8BAA8BS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n return renderTeachingPopoverCarouselFooter_unstable(state);\n },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["TeachingPopoverCarouselFooter","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","renderTeachingPopoverCarouselFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;kDACmC;qDACG;8DACG;AAUzD,MAAMA,gCAAAA,WAAAA,GAAyFC,OAAMC,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,2EAAAA,EAA0CH,OAAOC;IAE/DG,IAAAA,6FAAAA,EAAgDF;IAEhD,OAAOG,IAAAA,iFAAAA,EAA6CH;AACtD;AAGFL,8BAA8BS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselFooter.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselFooterButtonProps } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types';\n\nexport type TeachingPopoverCarouselFooterSlots = {\n /**\n * The element wrapping carousel pages and navigation.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * The previous button slot.\n */\n previous?: Slot<TeachingPopoverCarouselFooterButtonProps>;\n\n /**\n * The next button slot.\n */\n next: NonNullable<Slot<TeachingPopoverCarouselFooterButtonProps>>;\n};\n\nexport type TeachingPopoverCarouselFooterLayout = 'offset' | 'centered';\n\n// For localization or customization, users may want to modify this for their own purposes\nexport type TeachingPopoverPageCountChildRenderFunction = (currentPage: number, totalPages: number) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselFooter Props\n */\nexport type TeachingPopoverCarouselFooterProps = ComponentProps<TeachingPopoverCarouselFooterSlots> & {\n /**\n * Controls whether buttons will be centered (balanced) or right aligned\n * Defaults to 'centered'.\n */\n layout?: TeachingPopoverCarouselFooterLayout;\n\n /**\n * The text to be displayed on the initial step of carousel\n */\n initialStepText: string;\n\n /**\n * The text to be displayed on the final step of carousel\n */\n finalStepText: string;\n};\n\n/**\n * TeachingPopoverCarouselFooter State and Context Hooks\n */\nexport type TeachingPopoverCarouselFooterState = ComponentState<Required<TeachingPopoverCarouselFooterSlots>> &\n Pick<TeachingPopoverCarouselFooterProps, 'layout'>;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselFooterButtonProps } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types';\n\nexport type TeachingPopoverCarouselFooterSlots = {\n /**\n * The element wrapping carousel pages and navigation.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * The previous button slot.\n */\n previous?: Slot<TeachingPopoverCarouselFooterButtonProps>;\n\n /**\n * The next button slot.\n */\n next: NonNullable<Slot<TeachingPopoverCarouselFooterButtonProps>>;\n};\n\nexport type TeachingPopoverCarouselFooterLayout = 'offset' | 'centered';\n\n// For localization or customization, users may want to modify this for their own purposes\nexport type TeachingPopoverPageCountChildRenderFunction = (currentPage: number, totalPages: number) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselFooter Props\n */\nexport type TeachingPopoverCarouselFooterProps = ComponentProps<TeachingPopoverCarouselFooterSlots> & {\n /**\n * Controls whether buttons will be centered (balanced) or right aligned\n * Defaults to 'centered'.\n */\n layout?: TeachingPopoverCarouselFooterLayout;\n\n /**\n * The text to be displayed on the initial step of carousel\n */\n initialStepText: string;\n\n /**\n * The text to be displayed on the final step of carousel\n */\n finalStepText: string;\n};\n\n/**\n * TeachingPopoverCarouselFooter State and Context Hooks\n */\nexport type TeachingPopoverCarouselFooterState = ComponentState<Required<TeachingPopoverCarouselFooterSlots>> &\n Pick<TeachingPopoverCarouselFooterProps, 'layout'>;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarouselFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselFooterState } from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterSlots } from './TeachingPopoverCarouselFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */\nexport const renderTeachingPopoverCarouselFooter_unstable = (state: TeachingPopoverCarouselFooterState) => {\n assertSlots<TeachingPopoverCarouselFooterSlots>(state);\n\n const { layout } = state;\n\n return (\n <state.root>\n {layout === 'centered' && state.previous && <state.previous />}\n {state.root.children}\n {layout === 'offset' && state.previous && <state.previous />}\n <state.next />\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverCarouselFooter_unstable","state","assertSlots","layout","_jsxs","root","previous","_jsx","children","next"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,+CAA+C,CAACC;IAC3DC,IAAAA,2BAAAA,EAAgDD;IAEhD,MAAM,EAAEE,MAAM,EAAE,GAAGF;IAEnB,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;YACRF,WAAW,cAAcF,MAAMK,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,QAAQ,EAAA,CAAA;YAC1DL,MAAMI,IAAI,CAACG,QAAQ;YACnBL,WAAW,YAAYF,MAAMK,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,QAAQ,EAAA,CAAA;0BACzDC,IAAAA,eAAA,EAACN,MAAMQ,IAAI,EAAA,CAAA;;;AAGjB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselFooterState } from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterSlots } from './TeachingPopoverCarouselFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */\nexport const renderTeachingPopoverCarouselFooter_unstable = (state: TeachingPopoverCarouselFooterState) => {\n assertSlots<TeachingPopoverCarouselFooterSlots>(state);\n\n const { layout } = state;\n\n return (\n <state.root>\n {layout === 'centered' && state.previous && <state.previous />}\n {state.root.children}\n {layout === 'offset' && state.previous && <state.previous />}\n <state.next />\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverCarouselFooter_unstable","state","assertSlots","layout","_jsxs","root","previous","_jsx","children","next"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,+CAA+C,CAACC;IAC3DC,IAAAA,2BAAAA,EAAgDD;IAEhD,MAAM,EAAEE,MAAM,EAAE,GAAGF;IAEnB,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;YACRF,WAAW,cAAcF,MAAMK,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,QAAQ,EAAA,CAAA;YAC1DL,MAAMI,IAAI,CAACG,QAAQ;YACnBL,WAAW,YAAYF,MAAMK,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,QAAQ,EAAA,CAAA;0BACzDC,IAAAA,eAAA,EAACN,MAAMQ,IAAI,EAAA,CAAA;;;AAGjB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselFooter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselFooterProps,\n TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\n\nexport const useTeachingPopoverCarouselFooter_unstable = (\n props: TeachingPopoverCarouselFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselFooterState => {\n const { layout = 'centered', initialStepText, finalStepText } = props;\n\n const previous = slot.optional(props.previous, {\n defaultProps: {\n navType: 'prev',\n altText: initialStepText,\n },\n renderByDefault: true,\n elementType: TeachingPopoverCarouselFooterButton,\n });\n\n const next = slot.always(props.next, {\n defaultProps: {\n navType: 'next',\n altText: finalStepText,\n },\n elementType: TeachingPopoverCarouselFooterButton,\n });\n\n return {\n layout,\n components: {\n root: 'div',\n next: TeachingPopoverCarouselFooterButton,\n previous: TeachingPopoverCarouselFooterButton,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n previous,\n next,\n };\n};\n"],"names":["useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","slot","optional","defaultProps","navType","altText","renderByDefault","elementType","TeachingPopoverCarouselFooterButton","next","always","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;gCATkC;iEACxB;qDAM6B;AAE7C,MAAMA,4CAA4C,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWC,oBAAAA,CAAKC,QAAQ,CAACP,MAAMK,QAAQ,EAAE;QAC7CG,cAAc;YACZC,SAAS;YACTC,SAASP;QACX;QACAQ,iBAAiB;QACjBC,aAAaC,wEAAAA;IACf;IAEA,MAAMC,OAAOR,oBAAAA,CAAKS,MAAM,CAACf,MAAMc,IAAI,EAAE;QACnCN,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAQ,aAAaC,wEAAAA;IACf;IAEA,OAAO;QACLX;QACAc,YAAY;YACVC,MAAM;YACNH,MAAMD,wEAAAA;YACNR,UAAUQ,wEAAAA;QACZ;QACAI,MAAMX,oBAAAA,CAAKS,MAAM,CACfG,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BjB;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBP;QACAS;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselFooterProps,\n TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\n\nexport const useTeachingPopoverCarouselFooter_unstable = (\n props: TeachingPopoverCarouselFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselFooterState => {\n const { layout = 'centered', initialStepText, finalStepText } = props;\n\n const previous = slot.optional(props.previous, {\n defaultProps: {\n navType: 'prev',\n altText: initialStepText,\n },\n renderByDefault: true,\n elementType: TeachingPopoverCarouselFooterButton,\n });\n\n const next = slot.always(props.next, {\n defaultProps: {\n navType: 'next',\n altText: finalStepText,\n },\n elementType: TeachingPopoverCarouselFooterButton,\n });\n\n return {\n layout,\n components: {\n root: 'div',\n next: TeachingPopoverCarouselFooterButton,\n previous: TeachingPopoverCarouselFooterButton,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n previous,\n next,\n };\n};\n"],"names":["useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","slot","optional","defaultProps","navType","altText","renderByDefault","elementType","TeachingPopoverCarouselFooterButton","next","always","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;gCATkC;iEACxB;qDAM6B;AAE7C,MAAMA,4CAA4C,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWC,oBAAAA,CAAKC,QAAQ,CAACP,MAAMK,QAAQ,EAAE;QAC7CG,cAAc;YACZC,SAAS;YACTC,SAASP;QACX;QACAQ,iBAAiB;QACjBC,aAAaC,wEAAAA;IACf;IAEA,MAAMC,OAAOR,oBAAAA,CAAKS,MAAM,CAACf,MAAMc,IAAI,EAAE;QACnCN,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAQ,aAAaC,wEAAAA;IACf;IAEA,OAAO;QACLX;QACAc,YAAY;YACVC,MAAM;YACNH,MAAMD,wEAAAA;YACNR,UAAUQ,wEAAAA;QACZ;QACAI,MAAMX,oBAAAA,CAAKS,MAAM,CACfG,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BjB;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBP;QACAS;IACF;AACF"}
@@ -70,4 +70,4 @@ const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{
70
70
  }
71
71
  state.next.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.next, state.next.className);
72
72
  return state;
73
- }; //# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map
73
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\nimport type { TeachingPopoverCarouselFooterButtonProps } from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */\nexport const TeachingPopoverCarouselFooterButton: ForwardRefComponent<TeachingPopoverCarouselFooterButtonProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n\n useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n\n return renderTeachingPopoverCarouselFooterButton_unstable(state);\n });\n\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverCarouselFooterButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","renderTeachingPopoverCarouselFooterButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;wDAEyC;2DACG;oEACG;AAS/D,MAAMA,sCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,uFAAAA,EAAgDH,OAAOC;IAErEG,IAAAA,yGAAAA,EAAsDF;IAEtD,OAAOG,IAAAA,6FAAAA,EAAmDH;AAC5D;AAEFL,oCAAoCS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\nimport type { TeachingPopoverCarouselFooterButtonProps } from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */\nexport const TeachingPopoverCarouselFooterButton: ForwardRefComponent<TeachingPopoverCarouselFooterButtonProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n\n useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n\n return renderTeachingPopoverCarouselFooterButton_unstable(state);\n });\n\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverCarouselFooterButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","renderTeachingPopoverCarouselFooterButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;wDAEyC;2DACG;oEACG;AAS/D,MAAMA,sCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,uFAAAA,EAAgDH,OAAOC;IAErEG,IAAAA,yGAAAA,EAAsDF;IAEtD,OAAOG,IAAAA,6FAAAA,EAAmDH;AAC5D;AAEFL,oCAAoCS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { ReactNode } from 'react';\n\nexport type TeachingPopoverCarouselFooterButtonSlots = {\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselFooterButton Props\n */\nexport type TeachingPopoverCarouselFooterButtonProps = ComponentProps<TeachingPopoverCarouselFooterButtonSlots> &\n ButtonProps & {\n /**\n * Defines whether the button should be next or previous type - used for both styling and functionality.\n */\n navType: 'next' | 'prev';\n\n /**\n * The ReactNode provided to the button when it is on it's first (navType 'prev') or last (navType 'next') step\n */\n altText: ReactNode;\n };\n\n/**\n * State used in rendering TeachingPopoverCarouselFooterButton\n */\nexport type TeachingPopoverCarouselFooterButtonState = ButtonState &\n ComponentState<TeachingPopoverCarouselFooterButtonSlots> &\n Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'> & {\n /* Rename popover appearance to prevent conflict with button appearance */\n popoverAppearance: PopoverContextValue['appearance'];\n };\n"],"names":[],"rangeMappings":";;","mappings":"AA0BA;;CAEC"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { ReactNode } from 'react';\n\nexport type TeachingPopoverCarouselFooterButtonSlots = {\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselFooterButton Props\n */\nexport type TeachingPopoverCarouselFooterButtonProps = ComponentProps<TeachingPopoverCarouselFooterButtonSlots> &\n ButtonProps & {\n /**\n * Defines whether the button should be next or previous type - used for both styling and functionality.\n */\n navType: 'next' | 'prev';\n\n /**\n * The ReactNode provided to the button when it is on it's first (navType 'prev') or last (navType 'next') step\n */\n altText: ReactNode;\n };\n\n/**\n * State used in rendering TeachingPopoverCarouselFooterButton\n */\nexport type TeachingPopoverCarouselFooterButtonState = ButtonState &\n ComponentState<TeachingPopoverCarouselFooterButtonSlots> &\n Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'> & {\n /* Rename popover appearance to prevent conflict with button appearance */\n popoverAppearance: PopoverContextValue['appearance'];\n };\n"],"names":[],"rangeMappings":";;","mappings":"AA0BA;;CAEC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselFooterButtonState,\n TeachingPopoverCarouselFooterButtonSlots,\n} from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */\nexport const renderTeachingPopoverCarouselFooterButton_unstable = (state: TeachingPopoverCarouselFooterButtonState) => {\n assertSlots<TeachingPopoverCarouselFooterButtonSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselFooterButton_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,qDAAqD,CAACC;IACjEC,IAAAA,2BAAAA,EAAsDD;IAEtD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselFooterButtonState,\n TeachingPopoverCarouselFooterButtonSlots,\n} from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */\nexport const renderTeachingPopoverCarouselFooterButton_unstable = (state: TeachingPopoverCarouselFooterButtonState) => {\n assertSlots<TeachingPopoverCarouselFooterButtonSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselFooterButton_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,qDAAqD,CAACC;IACjEC,IAAAA,2BAAAA,EAAsDD;IAEtD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselFooterButtonProps,\n TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */\nexport const useTeachingPopoverCarouselFooterButton_unstable = (\n props: TeachingPopoverCarouselFooterButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselFooterButtonState => {\n const { navType, altText } = props;\n\n const popoverAppearance = usePopoverContext_unstable(context => context.appearance);\n const selectPageByDirection = useCarouselContext_unstable(c => c.selectPageByDirection);\n const values = useCarouselValues_unstable(snapshot => snapshot);\n const activeValue = useCarouselContext_unstable(c => c.value);\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n selectPageByDirection(event, navType);\n };\n\n const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n\n const isTrailing = React.useMemo(() => {\n if (!activeValue) {\n return false;\n }\n\n if (navType === 'prev') {\n return values.indexOf(activeValue) === 0;\n }\n\n return values.indexOf(activeValue) === values.length - 1;\n }, [navType, activeValue, values]);\n\n let buttonAppearanceType: 'primary' | 'outline' | undefined;\n\n if (navType === 'next') {\n buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n } else {\n buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n }\n\n /* Handle altText on trailing step */\n let buttonChild = props.children;\n if (isTrailing) {\n buttonChild = altText;\n }\n\n return {\n ...useButton_unstable({ appearance: buttonAppearanceType, ...props }, ref),\n navType,\n popoverAppearance,\n altText,\n // Override useButton root slot\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n appearance: buttonAppearanceType,\n ...props,\n onClick: handleButtonClick,\n children: buttonChild,\n }),\n { elementType: 'button' },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","usePopoverContext_unstable","context","appearance","selectPageByDirection","useCarouselContext_unstable","c","values","useCarouselValues_unstable","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","useEventCallback","mergeCallbacks","onClick","isTrailing","React","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","useButton_unstable","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqBaA;;;eAAAA;;;;iEArBU;gCACwC;8BAKpB;iCACC;6BAET;mCACQ;AAWpC,MAAMA,kDAAkD,CAC7DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,oBAAoBC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,qBAAqB;IACtF,MAAMG,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;IACtD,MAAMC,cAAcL,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEK,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAV,sBAAsBS,OAAOf;IAC/B;IAEA,MAAMiB,oBAAoBC,IAAAA,gCAAAA,EAAiBC,IAAAA,8BAAAA,EAAeL,aAAahB,MAAMsB,OAAO;IAEpF,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC/B,IAAI,CAACX,aAAa;YAChB,OAAO;QACT;QAEA,IAAIZ,YAAY,QAAQ;YACtB,OAAOS,OAAOe,OAAO,CAACZ,iBAAiB;QACzC;QAEA,OAAOH,OAAOe,OAAO,CAACZ,iBAAiBH,OAAOgB,MAAM,GAAG;IACzD,GAAG;QAACzB;QAASY;QAAaH;KAAO;IAEjC,IAAIiB;IAEJ,IAAI1B,YAAY,QAAQ;QACtB0B,uBAAuBxB,sBAAsB,UAAUyB,YAAY;IACrE,OAAO;QACLD,uBAAuBxB,sBAAsB,UAAU,YAAYyB;IACrE;IAEA,mCAAmC,GACnC,IAAIC,cAAc9B,MAAM+B,QAAQ;IAChC,IAAIR,YAAY;QACdO,cAAc3B;IAChB;IAEA,OAAO;QACL,GAAG6B,IAAAA,+BAAAA,EAAmB;YAAEzB,YAAYqB;YAAsB,GAAG5B,KAAK;QAAC,GAAGC,IAAI;QAC1EC;QACAE;QACAD;QACA,+BAA+B;QAC/B8B,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,UAAU;YACjCnC;YACAM,YAAYqB;YACZ,GAAG5B,KAAK;YACRsB,SAASH;YACTY,UAAUD;QACZ,IACA;YAAEO,aAAa;QAAS;IAE5B;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselFooterButtonProps,\n TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */\nexport const useTeachingPopoverCarouselFooterButton_unstable = (\n props: TeachingPopoverCarouselFooterButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselFooterButtonState => {\n const { navType, altText } = props;\n\n const popoverAppearance = usePopoverContext_unstable(context => context.appearance);\n const selectPageByDirection = useCarouselContext_unstable(c => c.selectPageByDirection);\n const values = useCarouselValues_unstable(snapshot => snapshot);\n const activeValue = useCarouselContext_unstable(c => c.value);\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n selectPageByDirection(event, navType);\n };\n\n const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n\n const isTrailing = React.useMemo(() => {\n if (!activeValue) {\n return false;\n }\n\n if (navType === 'prev') {\n return values.indexOf(activeValue) === 0;\n }\n\n return values.indexOf(activeValue) === values.length - 1;\n }, [navType, activeValue, values]);\n\n let buttonAppearanceType: 'primary' | 'outline' | undefined;\n\n if (navType === 'next') {\n buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n } else {\n buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n }\n\n /* Handle altText on trailing step */\n let buttonChild = props.children;\n if (isTrailing) {\n buttonChild = altText;\n }\n\n return {\n ...useButton_unstable({ appearance: buttonAppearanceType, ...props }, ref),\n navType,\n popoverAppearance,\n altText,\n // Override useButton root slot\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n appearance: buttonAppearanceType,\n ...props,\n onClick: handleButtonClick,\n children: buttonChild,\n }),\n { elementType: 'button' },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","usePopoverContext_unstable","context","appearance","selectPageByDirection","useCarouselContext_unstable","c","values","useCarouselValues_unstable","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","useEventCallback","mergeCallbacks","onClick","isTrailing","React","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","useButton_unstable","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqBaA;;;eAAAA;;;;iEArBU;gCACwC;8BAKpB;iCACC;6BAET;mCACQ;AAWpC,MAAMA,kDAAkD,CAC7DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,oBAAoBC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,qBAAqB;IACtF,MAAMG,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;IACtD,MAAMC,cAAcL,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEK,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAV,sBAAsBS,OAAOf;IAC/B;IAEA,MAAMiB,oBAAoBC,IAAAA,gCAAAA,EAAiBC,IAAAA,8BAAAA,EAAeL,aAAahB,MAAMsB,OAAO;IAEpF,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC/B,IAAI,CAACX,aAAa;YAChB,OAAO;QACT;QAEA,IAAIZ,YAAY,QAAQ;YACtB,OAAOS,OAAOe,OAAO,CAACZ,iBAAiB;QACzC;QAEA,OAAOH,OAAOe,OAAO,CAACZ,iBAAiBH,OAAOgB,MAAM,GAAG;IACzD,GAAG;QAACzB;QAASY;QAAaH;KAAO;IAEjC,IAAIiB;IAEJ,IAAI1B,YAAY,QAAQ;QACtB0B,uBAAuBxB,sBAAsB,UAAUyB,YAAY;IACrE,OAAO;QACLD,uBAAuBxB,sBAAsB,UAAU,YAAYyB;IACrE;IAEA,mCAAmC,GACnC,IAAIC,cAAc9B,MAAM+B,QAAQ;IAChC,IAAIR,YAAY;QACdO,cAAc3B;IAChB;IAEA,OAAO;QACL,GAAG6B,IAAAA,+BAAAA,EAAmB;YAAEzB,YAAYqB;YAAsB,GAAG5B,KAAK;QAAC,GAAGC,IAAI;QAC1EC;QACAE;QACAD;QACA,+BAA+B;QAC/B8B,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,UAAU;YACjCnC;YACAM,YAAYqB;YACZ,GAAG5B,KAAK;YACRsB,SAASH;YACTY,UAAUD;QACZ,IACA;YAAEO,aAAa;QAAS;IAE5B;AACF"}
@@ -127,4 +127,4 @@ const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{
127
127
  };
128
128
  state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);
129
129
  return state;
130
- }; //# sourceMappingURL=useTeachingPopoverCarouselFooterButtonStyles.styles.js.map
130
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselNav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\nimport type { TeachingPopoverCarouselNavProps } from './TeachingPopoverCarouselNav.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */\nexport const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPopoverCarouselNavProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n\n useTeachingPopoverCarouselNavStyles_unstable(state);\n\n return renderTeachingPopoverCarouselNav_unstable(state);\n },\n);\n\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["TeachingPopoverCarouselNav","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","renderTeachingPopoverCarouselNav_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;+CACgC;kDACG;2DACG;AAUtD,MAAMA,6BAAAA,WAAAA,GAAmFC,OAAMC,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,qEAAAA,EAAuCH,OAAOC;IAE5DG,IAAAA,uFAAAA,EAA6CF;IAE7C,OAAOG,IAAAA,2EAAAA,EAA0CH;AACnD;AAGFL,2BAA2BS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\nimport type { TeachingPopoverCarouselNavProps } from './TeachingPopoverCarouselNav.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */\nexport const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPopoverCarouselNavProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n\n useTeachingPopoverCarouselNavStyles_unstable(state);\n\n return renderTeachingPopoverCarouselNav_unstable(state);\n },\n);\n\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["TeachingPopoverCarouselNav","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","renderTeachingPopoverCarouselNav_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;+CACgC;kDACG;2DACG;AAUtD,MAAMA,6BAAAA,WAAAA,GAAmFC,OAAMC,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,qEAAAA,EAAuCH,OAAOC;IAE5DG,IAAAA,uFAAAA,EAA6CF;IAE7C,OAAOG,IAAAA,2EAAAA,EAA0CH;AACnD;AAGFL,2BAA2BS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavSlots = {\n /**\n * The element wrapping the carousel pagination. By default this is a div,\n * it may contain icons or text depending on TeachingPopoverCarouselNavStyle\n */\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type NavButtonRenderFunction = (value: string) => React.ReactNode;\n\nexport type TeachingPopoverCarouselNavState = ComponentState<TeachingPopoverCarouselNavSlots> & {\n values: string[];\n\n renderNavButton: NavButtonRenderFunction;\n};\n\nexport type TeachingPopoverCarouselNavProps = Omit<\n ComponentProps<Partial<TeachingPopoverCarouselNavSlots>>,\n 'children'\n> & {\n children: NavButtonRenderFunction;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavSlots = {\n /**\n * The element wrapping the carousel pagination. By default this is a div,\n * it may contain icons or text depending on TeachingPopoverCarouselNavStyle\n */\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type NavButtonRenderFunction = (value: string) => React.ReactNode;\n\nexport type TeachingPopoverCarouselNavState = ComponentState<TeachingPopoverCarouselNavSlots> & {\n values: string[];\n\n renderNavButton: NavButtonRenderFunction;\n};\n\nexport type TeachingPopoverCarouselNavProps = Omit<\n ComponentProps<Partial<TeachingPopoverCarouselNavSlots>>,\n 'children'\n> & {\n children: NavButtonRenderFunction;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNav';\nexport * from './TeachingPopoverCarouselNav.types';\nexport * from './renderTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNav';\nexport * from './TeachingPopoverCarouselNav.types';\nexport * from './renderTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarouselNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselNavState } from './TeachingPopoverCarouselNav.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverCarouselNavSlots } from './TeachingPopoverCarouselNav.types';\nimport { ValueIdContextProvider } from './valueIdContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */\nexport const renderTeachingPopoverCarouselNav_unstable = (state: TeachingPopoverCarouselNavState) => {\n assertSlots<TeachingPopoverCarouselNavSlots>(state);\n\n const { values, renderNavButton } = state;\n\n return (\n <state.root>\n {values.map(value => (\n <ValueIdContextProvider value={value} key={value}>\n {renderNavButton(value)}\n </ValueIdContextProvider>\n ))}\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverCarouselNav_unstable","state","assertSlots","values","renderNavButton","_jsx","root","map","value","ValueIdContextProvider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;gCAEW;AAKhC,MAAMA,4CAA4C,CAACC;IACxDC,IAAAA,2BAAAA,EAA6CD;IAE7C,MAAM,EAAEE,MAAM,EAAEC,eAAe,EAAE,GAAGH;IAEpC,OAAA,WAAA,GACEI,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA;kBACRH,OAAOI,GAAG,CAACC,CAAAA,QAAAA,WAAAA,GACVH,IAAAA,eAAA,EAACI,sCAAAA,EAAAA;gBAAuBD,OAAOA;0BAC5BJ,gBAAgBI;eADwBA;;AAMnD"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselNavState } from './TeachingPopoverCarouselNav.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverCarouselNavSlots } from './TeachingPopoverCarouselNav.types';\nimport { ValueIdContextProvider } from './valueIdContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */\nexport const renderTeachingPopoverCarouselNav_unstable = (state: TeachingPopoverCarouselNavState) => {\n assertSlots<TeachingPopoverCarouselNavSlots>(state);\n\n const { values, renderNavButton } = state;\n\n return (\n <state.root>\n {values.map(value => (\n <ValueIdContextProvider value={value} key={value}>\n {renderNavButton(value)}\n </ValueIdContextProvider>\n ))}\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverCarouselNav_unstable","state","assertSlots","values","renderNavButton","_jsx","root","map","value","ValueIdContextProvider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;gCAEW;AAKhC,MAAMA,4CAA4C,CAACC;IACxDC,IAAAA,2BAAAA,EAA6CD;IAE7C,MAAM,EAAEE,MAAM,EAAEC,eAAe,EAAE,GAAGH;IAEpC,OAAA,WAAA,GACEI,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA;kBACRH,OAAOI,GAAG,CAACC,CAAAA,QAAAA,WAAAA,GACVH,IAAAA,eAAA,EAACI,sCAAAA,EAAAA;gBAAuBD,OAAOA;0BAC5BJ,gBAAgBI;eADwBA;;AAMnD"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselNavProps,\n TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */\nexport const useTeachingPopoverCarouselNav_unstable = (\n props: TeachingPopoverCarouselNavProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselNavState => {\n const focusableGroupAttr = useArrowNavigationGroup({\n circular: false,\n axis: 'horizontal',\n memorizeCurrent: false,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n unstable_hasDefault: true,\n });\n const values = useCarouselValues_unstable(snapshot => snapshot);\n\n return {\n values,\n renderNavButton: props.children,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'tablist',\n tabIndex: 0,\n ...props,\n ...focusableGroupAttr,\n children: null,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","useArrowNavigationGroup","circular","axis","memorizeCurrent","unstable_hasDefault","values","useCarouselValues_unstable","snapshot","renderNavButton","children","components","root","slot","always","getIntrinsicElementProps","role","tabIndex","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;8BAf2B;gCACO;iEACxB;mCAMoB;AAOpC,MAAMA,yCAAyC,CACpDC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,qCAAAA,EAAwB;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IACA,MAAMC,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;IAEtD,OAAO;QACLF;QACAG,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BhB;YACAiB,MAAM;YACNC,UAAU;YACV,GAAGnB,KAAK;YACR,GAAGE,kBAAkB;YACrBU,UAAU;QACZ,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n TeachingPopoverCarouselNavProps,\n TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */\nexport const useTeachingPopoverCarouselNav_unstable = (\n props: TeachingPopoverCarouselNavProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselNavState => {\n const focusableGroupAttr = useArrowNavigationGroup({\n circular: false,\n axis: 'horizontal',\n memorizeCurrent: false,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n unstable_hasDefault: true,\n });\n const values = useCarouselValues_unstable(snapshot => snapshot);\n\n return {\n values,\n renderNavButton: props.children,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'tablist',\n tabIndex: 0,\n ...props,\n ...focusableGroupAttr,\n children: null,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","useArrowNavigationGroup","circular","axis","memorizeCurrent","unstable_hasDefault","values","useCarouselValues_unstable","snapshot","renderNavButton","children","components","root","slot","always","getIntrinsicElementProps","role","tabIndex","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;8BAf2B;gCACO;iEACxB;mCAMoB;AAOpC,MAAMA,yCAAyC,CACpDC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,qCAAAA,EAAwB;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IACA,MAAMC,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;IAEtD,OAAO;QACLF;QACAG,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BhB;YACAiB,MAAM;YACNC,UAAU;YACV,GAAGnB,KAAK;YACR,GAAGE,kBAAkB;YACrBU,UAAU;QACZ,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}
@@ -77,4 +77,4 @@ const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{
77
77
  const styles = useStyles();
78
78
  state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);
79
79
  return state;
80
- }; //# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map
80
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["valueIdContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst valueIdContext = React.createContext<string | undefined>(undefined);\n\nexport const valueIdContextDefaultValue = '';\n\nexport const useValueIdContext = () => React.useContext(valueIdContext) ?? valueIdContextDefaultValue;\n\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["ValueIdContextProvider","useValueIdContext","valueIdContextDefaultValue","valueIdContext","React","createContext","undefined","useContext","Provider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,sBAAAA;eAAAA;;IAFAC,iBAAAA;eAAAA;;IAFAC,0BAAAA;eAAAA;;;;iEAJU;AAEvB,MAAMC,+BAAiBC,OAAMC,aAAa,CAAqBC;AAExD,MAAMJ,6BAA6B;AAEnC,MAAMD,oBAAoB;QAAMG;WAAAA,CAAAA,oBAAAA,OAAMG,UAAU,CAACJ,eAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAoCF;AAAyB;AAE7F,MAAMF,yBAAyBG,eAAeK,QAAQ"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/valueIdContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst valueIdContext = React.createContext<string | undefined>(undefined);\n\nexport const valueIdContextDefaultValue = '';\n\nexport const useValueIdContext = () => React.useContext(valueIdContext) ?? valueIdContextDefaultValue;\n\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["ValueIdContextProvider","useValueIdContext","valueIdContextDefaultValue","valueIdContext","React","createContext","undefined","useContext","Provider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,sBAAAA;eAAAA;;IAFAC,iBAAAA;eAAAA;;IAFAC,0BAAAA;eAAAA;;;;iEAJU;AAEvB,MAAMC,+BAAiBC,OAAMC,aAAa,CAAqBC;AAExD,MAAMJ,6BAA6B;AAEnC,MAAMD,oBAAoB;QAAMG;WAAAA,CAAAA,oBAAAA,OAAMG,UAAU,CAACJ,eAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAoCF;AAAyB;AAE7F,MAAMF,yBAAyBG,eAAeK,QAAQ"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\nimport type { TeachingPopoverCarouselNavButtonProps } from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */\nexport const TeachingPopoverCarouselNavButton: ForwardRefComponent<TeachingPopoverCarouselNavButtonProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n\n useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n\n return renderTeachingPopoverCarouselNavButton_unstable(state);\n }) as ForwardRefComponent<TeachingPopoverCarouselNavButtonProps>;\n\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["TeachingPopoverCarouselNavButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","renderTeachingPopoverCarouselNavButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qDAEsC;wDACG;iEACG;AAQ5D,MAAMA,mCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,iFAAAA,EAA6CH,OAAOC;IAElEG,IAAAA,mGAAAA,EAAmDF;IAEnD,OAAOG,IAAAA,uFAAAA,EAAgDH;AACzD;AAEFL,iCAAiCS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\nimport type { TeachingPopoverCarouselNavButtonProps } from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */\nexport const TeachingPopoverCarouselNavButton: ForwardRefComponent<TeachingPopoverCarouselNavButtonProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n\n useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n\n return renderTeachingPopoverCarouselNavButton_unstable(state);\n }) as ForwardRefComponent<TeachingPopoverCarouselNavButtonProps>;\n\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["TeachingPopoverCarouselNavButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","renderTeachingPopoverCarouselNavButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qDAEsC;wDACG;iEACG;AAQ5D,MAAMA,mCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,iFAAAA,EAA6CH,OAAOC;IAElEG,IAAAA,mGAAAA,EAAmDF;IAEnD,OAAOG,IAAAA,uFAAAA,EAAgDH;AACzD;AAEFL,iCAAiCS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavButtonSlots = {\n /**\n * ARIA compliant nav buttons used to jump to pages\n */\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselNavButton Props\n */\nexport type TeachingPopoverCarouselNavButtonProps = ComponentProps<TeachingPopoverCarouselNavButtonSlots>;\n\n/**\n * TeachingPopoverCarouselNavButton State\n */\nexport type TeachingPopoverCarouselNavButtonState = ComponentState<TeachingPopoverCarouselNavButtonSlots> & {\n /**\n * Enables selection state control\n */\n isSelected?: boolean;\n} & Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavButtonSlots = {\n /**\n * ARIA compliant nav buttons used to jump to pages\n */\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselNavButton Props\n */\nexport type TeachingPopoverCarouselNavButtonProps = ComponentProps<TeachingPopoverCarouselNavButtonSlots>;\n\n/**\n * TeachingPopoverCarouselNavButton State\n */\nexport type TeachingPopoverCarouselNavButtonState = ComponentState<TeachingPopoverCarouselNavButtonSlots> & {\n /**\n * Enables selection state control\n */\n isSelected?: boolean;\n} & Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNavButton';\nexport * from './TeachingPopoverCarouselNavButton.types';\nexport * from './renderTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNavButton';\nexport * from './TeachingPopoverCarouselNavButton.types';\nexport * from './renderTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselNavButtonState,\n TeachingPopoverCarouselNavButtonSlots,\n} from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNavButton\n */\nexport const renderTeachingPopoverCarouselNavButton_unstable = (state: TeachingPopoverCarouselNavButtonState) => {\n assertSlots<TeachingPopoverCarouselNavButtonSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselNavButton_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,kDAAkD,CAACC;IAC9DC,IAAAA,2BAAAA,EAAmDD;IAEnD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselNavButtonState,\n TeachingPopoverCarouselNavButtonSlots,\n} from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNavButton\n */\nexport const renderTeachingPopoverCarouselNavButton_unstable = (state: TeachingPopoverCarouselNavButtonState) => {\n assertSlots<TeachingPopoverCarouselNavButtonSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselNavButton_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,kDAAkD,CAACC;IAC9DC,IAAAA,2BAAAA,EAAmDD;IAEnD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\n\nimport type {\n TeachingPopoverCarouselNavButtonProps,\n TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */\nexport const useTeachingPopoverCarouselNavButton_unstable = (\n props: TeachingPopoverCarouselNavButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselNavButtonState => {\n const { onClick, as = 'a' } = props;\n\n const value = useValueIdContext();\n\n const appearance = usePopoverContext_unstable(context => context.appearance);\n const selectPageByValue = useCarouselContext_unstable(c => c.selectPageByValue);\n const isSelected = useCarouselContext_unstable(c => c.value === value);\n\n const handleClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n onClick?.(event);\n\n if (!event.defaultPrevented && isHTMLElement(event.target)) {\n selectPageByValue(event, value);\n }\n });\n\n const defaultTabProps = useTabsterAttributes({\n focusable: { isDefault: isSelected },\n });\n\n const _carouselButton = slot.always<ARIAButtonSlotProps<'a'>>(\n getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)),\n {\n elementType: 'button',\n defaultProps: {\n ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n role: 'tab',\n type: 'button',\n ...defaultTabProps,\n },\n },\n );\n\n _carouselButton.onClick = handleClick;\n\n const state: TeachingPopoverCarouselNavButtonState = {\n isSelected,\n appearance,\n components: {\n root: 'button',\n },\n root: _carouselButton,\n };\n\n return state;\n};\n"],"names":["useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","useValueIdContext","appearance","usePopoverContext_unstable","context","selectPageByValue","useCarouselContext_unstable","c","isSelected","handleClick","useEventCallback","event","defaultPrevented","isHTMLElement","target","defaultTabProps","useTabsterAttributes","focusable","isDefault","_carouselButton","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","role","type","state","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;2BACiC;8BACb;8BACN;gCAC2C;iCAMpC;gCACV;AAW3B,MAAMA,+CAA+C,CAC1DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAE9B,MAAMI,QAAQC,IAAAA,iCAAAA;IAEd,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,oBAAoBC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,iBAAiB;IAC9E,MAAMG,aAAaF,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEP,KAAK,KAAKA;IAEhE,MAAMS,cAAmDC,IAAAA,gCAAAA,EAAiBC,CAAAA;QACxEb,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUa;QAEV,IAAI,CAACA,MAAMC,gBAAgB,IAAIC,IAAAA,6BAAAA,EAAcF,MAAMG,MAAM,GAAG;YAC1DT,kBAAkBM,OAAOX;QAC3B;IACF;IAEA,MAAMe,kBAAkBC,IAAAA,kCAAAA,EAAqB;QAC3CC,WAAW;YAAEC,WAAWV;QAAW;IACrC;IAEA,MAAMW,kBAAkBC,oBAAAA,CAAKC,MAAM,CACjCC,IAAAA,wCAAAA,EAAyBvB,IAAIwB,IAAAA,6BAAAA,EAAmB3B,MAAMG,EAAE,EAAEH,SAC1D;QACE4B,aAAa;QACbC,cAAc;YACZ5B,KAAKA;YACL6B,MAAM;YACNC,MAAM;YACN,GAAGZ,eAAe;QACpB;IACF;IAGFI,gBAAgBrB,OAAO,GAAGW;IAE1B,MAAMmB,QAA+C;QACnDpB;QACAN;QACA2B,YAAY;YACVC,MAAM;QACR;QACAA,MAAMX;IACR;IAEA,OAAOS;AACT"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\n\nimport type {\n TeachingPopoverCarouselNavButtonProps,\n TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */\nexport const useTeachingPopoverCarouselNavButton_unstable = (\n props: TeachingPopoverCarouselNavButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselNavButtonState => {\n const { onClick, as = 'a' } = props;\n\n const value = useValueIdContext();\n\n const appearance = usePopoverContext_unstable(context => context.appearance);\n const selectPageByValue = useCarouselContext_unstable(c => c.selectPageByValue);\n const isSelected = useCarouselContext_unstable(c => c.value === value);\n\n const handleClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n onClick?.(event);\n\n if (!event.defaultPrevented && isHTMLElement(event.target)) {\n selectPageByValue(event, value);\n }\n });\n\n const defaultTabProps = useTabsterAttributes({\n focusable: { isDefault: isSelected },\n });\n\n const _carouselButton = slot.always<ARIAButtonSlotProps<'a'>>(\n getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)),\n {\n elementType: 'button',\n defaultProps: {\n ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n role: 'tab',\n type: 'button',\n ...defaultTabProps,\n },\n },\n );\n\n _carouselButton.onClick = handleClick;\n\n const state: TeachingPopoverCarouselNavButtonState = {\n isSelected,\n appearance,\n components: {\n root: 'button',\n },\n root: _carouselButton,\n };\n\n return state;\n};\n"],"names":["useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","useValueIdContext","appearance","usePopoverContext_unstable","context","selectPageByValue","useCarouselContext_unstable","c","isSelected","handleClick","useEventCallback","event","defaultPrevented","isHTMLElement","target","defaultTabProps","useTabsterAttributes","focusable","isDefault","_carouselButton","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","role","type","state","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;2BACiC;8BACb;8BACN;gCAC2C;iCAMpC;gCACV;AAW3B,MAAMA,+CAA+C,CAC1DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAE9B,MAAMI,QAAQC,IAAAA,iCAAAA;IAEd,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,oBAAoBC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,iBAAiB;IAC9E,MAAMG,aAAaF,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEP,KAAK,KAAKA;IAEhE,MAAMS,cAAmDC,IAAAA,gCAAAA,EAAiBC,CAAAA;QACxEb,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUa;QAEV,IAAI,CAACA,MAAMC,gBAAgB,IAAIC,IAAAA,6BAAAA,EAAcF,MAAMG,MAAM,GAAG;YAC1DT,kBAAkBM,OAAOX;QAC3B;IACF;IAEA,MAAMe,kBAAkBC,IAAAA,kCAAAA,EAAqB;QAC3CC,WAAW;YAAEC,WAAWV;QAAW;IACrC;IAEA,MAAMW,kBAAkBC,oBAAAA,CAAKC,MAAM,CACjCC,IAAAA,wCAAAA,EAAyBvB,IAAIwB,IAAAA,6BAAAA,EAAmB3B,MAAMG,EAAE,EAAEH,SAC1D;QACE4B,aAAa;QACbC,cAAc;YACZ5B,KAAKA;YACL6B,MAAM;YACNC,MAAM;YACN,GAAGZ,eAAe;QACpB;IACF;IAGFI,gBAAgBrB,OAAO,GAAGW;IAE1B,MAAMmB,QAA+C;QACnDpB;QACAN;QACA2B,YAAY;YACVC,MAAM;QACR;QACAA,MAAMX;IACR;IAEA,OAAOS;AACT"}
@@ -257,4 +257,4 @@ const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{
257
257
  const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;
258
258
  state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);
259
259
  return state;
260
- }; //# sourceMappingURL=useTeachingPopoverCarouselNavButtonStyles.styles.js.map
260
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n *\n * The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n return renderTeachingPopoverCarouselPageCount_unstable(state);\n });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["TeachingPopoverCarouselPageCount","React","forwardRef","props","ref","state","useTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","renderTeachingPopoverCarouselPageCount_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qDAEsC;wDACG;iEACG;AAQ5D,MAAMA,mCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,iFAAAA,EAA6CH,OAAOC;IAElEG,IAAAA,mGAAAA,EAAmDF;IAEnD,OAAOG,IAAAA,uFAAAA,EAAgDH;AACzD;AAEFL,iCAAiCS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n *\n * The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n return renderTeachingPopoverCarouselPageCount_unstable(state);\n });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["TeachingPopoverCarouselPageCount","React","forwardRef","props","ref","state","useTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","renderTeachingPopoverCarouselPageCount_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qDAEsC;wDACG;iEACG;AAQ5D,MAAMA,mCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,iFAAAA,EAA6CH,OAAOC;IAElEG,IAAAA,mGAAAA,EAAmDF;IAEnD,OAAOG,IAAAA,uFAAAA,EAAgDH;AACzD;AAEFL,iCAAiCS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverCarouselPageCount.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselPageCountSlots = {\n root: Slot<'div'>;\n};\n\nexport type TeachingPopoverCarouselPageCountRenderFunction = (\n currentPage: number,\n totalPages: number,\n) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselPageCount Props\n */\nexport type TeachingPopoverCarouselPageCountProps = Omit<\n ComponentProps<Partial<TeachingPopoverCarouselPageCountSlots>>,\n 'children'\n> & {\n children: TeachingPopoverCarouselPageCountRenderFunction;\n};\n\n/**\n * State used in rendering TeachingPopoverCarouselPageCount\n */\nexport type TeachingPopoverCarouselPageCountState = ComponentState<TeachingPopoverCarouselPageCountSlots> & {\n currentIndex: number;\n\n totalPages: number;\n\n renderPageCount: TeachingPopoverCarouselPageCountRenderFunction;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselPageCountSlots = {\n root: Slot<'div'>;\n};\n\nexport type TeachingPopoverCarouselPageCountRenderFunction = (\n currentPage: number,\n totalPages: number,\n) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselPageCount Props\n */\nexport type TeachingPopoverCarouselPageCountProps = Omit<\n ComponentProps<Partial<TeachingPopoverCarouselPageCountSlots>>,\n 'children'\n> & {\n children: TeachingPopoverCarouselPageCountRenderFunction;\n};\n\n/**\n * State used in rendering TeachingPopoverCarouselPageCount\n */\nexport type TeachingPopoverCarouselPageCountState = ComponentState<TeachingPopoverCarouselPageCountSlots> & {\n currentIndex: number;\n\n totalPages: number;\n\n renderPageCount: TeachingPopoverCarouselPageCountRenderFunction;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselPageCount';\nexport * from './TeachingPopoverCarouselPageCount.types';\nexport * from './renderTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselPageCount';\nexport * from './TeachingPopoverCarouselPageCount.types';\nexport * from './renderTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountState,\n TeachingPopoverCarouselPageCountSlots,\n} from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselPageCount\n */\nexport const renderTeachingPopoverCarouselPageCount_unstable = (state: TeachingPopoverCarouselPageCountState) => {\n assertSlots<TeachingPopoverCarouselPageCountSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselPageCount_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,kDAAkD,CAACC;IAC9DC,IAAAA,2BAAAA,EAAmDD;IAEnD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountState,\n TeachingPopoverCarouselPageCountSlots,\n} from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselPageCount\n */\nexport const renderTeachingPopoverCarouselPageCount_unstable = (state: TeachingPopoverCarouselPageCountState) => {\n assertSlots<TeachingPopoverCarouselPageCountSlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselPageCount_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,kDAAkD,CAACC;IAC9DC,IAAAA,2BAAAA,EAAmDD;IAEnD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountProps,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselPageCount.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n props: TeachingPopoverCarouselPageCountProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n const values = useCarouselValues_unstable(snapshot => snapshot);\n\n const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n const currentIndex = values.indexOf(selectedValue);\n const totalPages = values.length;\n\n return {\n currentIndex,\n totalPages,\n renderPageCount: props.children,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n children: props.children(currentIndex + 1, totalPages),\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselPageCount_unstable","props","ref","values","useCarouselValues_unstable","snapshot","useCarouselContext_unstable","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;iEAlBU;gCACwB;mCAKJ;iCACC;AAWrC,MAAMA,+CAA+C,CAC1DC,OACAC;IAEA,MAAMC,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;QAEhCC;IAAtB,MAAMC,gBAAgBD,CAAAA,+BAAAA,IAAAA,4CAAAA,EAA4BE,CAAAA,IAAKA,EAAEC,KAAK,CAAA,MAAA,QAAxCH,iCAAAA,KAAAA,IAAAA,+BAA6CH,MAAM,CAAC,EAAE;IAC5E,MAAMO,eAAeP,OAAOQ,OAAO,CAACJ;IACpC,MAAMK,aAAaT,OAAOU,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBb,MAAMc,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BlB;YACA,GAAGD,KAAK;YACRc,UAAUd,MAAMc,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAES,aAAa;QAAM;IAEzB;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountProps,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselPageCount.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n props: TeachingPopoverCarouselPageCountProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n const values = useCarouselValues_unstable(snapshot => snapshot);\n\n const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n const currentIndex = values.indexOf(selectedValue);\n const totalPages = values.length;\n\n return {\n currentIndex,\n totalPages,\n renderPageCount: props.children,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n children: props.children(currentIndex + 1, totalPages),\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useTeachingPopoverCarouselPageCount_unstable","props","ref","values","useCarouselValues_unstable","snapshot","useCarouselContext_unstable","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;iEAlBU;gCACwB;mCAKJ;iCACC;AAWrC,MAAMA,+CAA+C,CAC1DC,OACAC;IAEA,MAAMC,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;QAEhCC;IAAtB,MAAMC,gBAAgBD,CAAAA,+BAAAA,IAAAA,4CAAAA,EAA4BE,CAAAA,IAAKA,EAAEC,KAAK,CAAA,MAAA,QAAxCH,iCAAAA,KAAAA,IAAAA,+BAA6CH,MAAM,CAAC,EAAE;IAC5E,MAAMO,eAAeP,OAAOQ,OAAO,CAACJ;IACpC,MAAMK,aAAaT,OAAOU,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBb,MAAMc,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BlB;YACA,GAAGD,KAAK;YACRc,UAAUd,MAAMc,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAES,aAAa;QAAM;IAEzB;AACF"}
@@ -40,4 +40,4 @@ const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{
40
40
  const styles = useStyles();
41
41
  state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);
42
42
  return state;
43
- }; //# sourceMappingURL=useTeachingPopoverCarouselPageCountStyles.styles.js.map
43
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n *\n * Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverFooter_unstable(props, ref);\n\n useTeachingPopoverFooterStyles_unstable(state);\n\n return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","React","forwardRef","props","ref","state","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","renderTeachingPopoverFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;0CAC2B;6CACG;sDACG;AAajD,MAAMA,wBAAAA,WAAAA,GAAyEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQC,IAAAA,2DAAAA,EAAkCH,OAAOC;IAEvDG,IAAAA,6EAAAA,EAAwCF;IAExC,OAAOG,IAAAA,iEAAAA,EAAqCH;AAC9C;AAEAL,sBAAsBS,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n *\n * Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverFooter_unstable(props, ref);\n\n useTeachingPopoverFooterStyles_unstable(state);\n\n return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","React","forwardRef","props","ref","state","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","renderTeachingPopoverFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;0CAC2B;6CACG;sDACG;AAajD,MAAMA,wBAAAA,WAAAA,GAAyEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQC,IAAAA,2DAAAA,EAAkCH,OAAOC;IAEvDG,IAAAA,6EAAAA,EAAwCF;IAExC,OAAOG,IAAAA,iEAAAA,EAAqCH;AAC9C;AAEAL,sBAAsBS,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["TeachingPopoverFooter.types.ts"],"sourcesContent":["import { Button } from '@fluentui/react-button';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverFooterSlots = {\n /**\n * The element wrapping the buttons.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * The primary button slot.\n */\n primary: NonNullable<Slot<typeof Button>>;\n\n /**\n * The secondary button slot.\n */\n secondary?: Slot<typeof Button>;\n};\n\nexport type TeachingPopoverFooterState = ComponentState<TeachingPopoverFooterSlots> &\n Pick<PopoverContextValue, 'appearance'> & {\n /**\n * Enables stylization to a horizontal or vertical stack of button layouts.\n * Defaults to horizontal\n */\n footerLayout?: 'horizontal' | 'vertical';\n };\n\nexport type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> &\n Pick<TeachingPopoverFooterState, 'footerLayout'>;\n"],"names":[],"rangeMappings":"","mappings":""}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.types.ts"],"sourcesContent":["import { Button } from '@fluentui/react-button';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverFooterSlots = {\n /**\n * The element wrapping the buttons.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * The primary button slot.\n */\n primary: NonNullable<Slot<typeof Button>>;\n\n /**\n * The secondary button slot.\n */\n secondary?: Slot<typeof Button>;\n};\n\nexport type TeachingPopoverFooterState = ComponentState<TeachingPopoverFooterSlots> &\n Pick<PopoverContextValue, 'appearance'> & {\n /**\n * Enables stylization to a horizontal or vertical stack of button layouts.\n * Defaults to horizontal\n */\n footerLayout?: 'horizontal' | 'vertical';\n };\n\nexport type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> &\n Pick<TeachingPopoverFooterState, 'footerLayout'>;\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverFooter';\nexport * from './TeachingPopoverFooter.types';\nexport * from './renderTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/index.ts"],"sourcesContent":["export * from './TeachingPopoverFooter';\nexport * from './TeachingPopoverFooter.types';\nexport * from './renderTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["renderTeachingPopoverFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { TeachingPopoverFooterSlots } from './TeachingPopoverFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverFooter\n */\nexport const renderTeachingPopoverFooter_unstable = (state: TeachingPopoverFooterState) => {\n assertSlots<TeachingPopoverFooterSlots>(state);\n\n return (\n <state.root>\n <state.primary />\n {state.secondary && <state.secondary />}\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverFooter_unstable","state","assertSlots","_jsxs","root","_jsx","primary","secondary"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,uCAAuC,CAACC;IACnDC,IAAAA,2BAAAA,EAAwCD;IAExC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,OAAO,EAAA,CAAA;YACbL,MAAMM,SAAS,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACJ,MAAMM,SAAS,EAAA,CAAA;;;AAG1C"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/renderTeachingPopoverFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { TeachingPopoverFooterSlots } from './TeachingPopoverFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverFooter\n */\nexport const renderTeachingPopoverFooter_unstable = (state: TeachingPopoverFooterState) => {\n assertSlots<TeachingPopoverFooterSlots>(state);\n\n return (\n <state.root>\n <state.primary />\n {state.secondary && <state.secondary />}\n </state.root>\n );\n};\n"],"names":["renderTeachingPopoverFooter_unstable","state","assertSlots","_jsxs","root","_jsx","primary","secondary"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,uCAAuC,CAACC;IACnDC,IAAAA,2BAAAA,EAAwCD;IAExC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,OAAO,EAAA,CAAA;YACbL,MAAMM,SAAS,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACJ,MAAMM,SAAS,EAAA,CAAA;;;AAG1C"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n props: TeachingPopoverFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n const appearance = usePopoverContext_unstable(context => context.appearance);\n const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n const handleButtonClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n toggleOpen(event);\n },\n );\n\n const secondary = slot.optional(props.secondary, {\n defaultProps: {\n appearance: appearance === 'brand' ? 'primary' : undefined,\n },\n renderByDefault: props.secondary !== undefined,\n elementType: Button,\n });\n\n // Merge any provided callback with close trigger\n if (secondary) {\n secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n }\n\n const primary = slot.always(props.primary, {\n defaultProps: {\n appearance: appearance === 'brand' ? undefined : 'primary',\n },\n elementType: Button,\n });\n\n // Primary button will close the popover if no secondary action is available.\n if (!secondary) {\n primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n }\n\n return {\n footerLayout: props.footerLayout ?? 'horizontal',\n appearance,\n components: {\n root: 'div',\n primary: Button,\n secondary: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n secondary,\n primary,\n };\n};\n"],"names":["useTeachingPopoverFooter_unstable","props","ref","appearance","usePopoverContext_unstable","context","toggleOpen","handleButtonClick","useEventCallback","event","isDefaultPrevented","secondary","slot","optional","defaultProps","undefined","renderByDefault","elementType","Button","onClick","mergeCallbacks","primary","always","footerLayout","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC0D;6BAE1D;8BACoB;AAOpC,MAAMA,oCAAoC,CAC/CC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,aAAaF,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,oBAAoBC,IAAAA,gCAAAA,EACxB,CAACC;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAJ,WAAWG;IACb;IAGF,MAAME,YAAYC,oBAAAA,CAAKC,QAAQ,CAACZ,MAAMU,SAAS,EAAE;QAC/CG,cAAc;YACZX,YAAYA,eAAe,UAAU,YAAYY;QACnD;QACAC,iBAAiBf,MAAMU,SAAS,KAAKI;QACrCE,aAAaC,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIP,WAAW;QACbA,UAAUQ,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBI,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWQ,OAAO;IAC1E;IAEA,MAAME,UAAUT,oBAAAA,CAAKU,MAAM,CAACrB,MAAMoB,OAAO,EAAE;QACzCP,cAAc;YACZX,YAAYA,eAAe,UAAUY,YAAY;QACnD;QACAE,aAAaC,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACP,WAAW;QACdU,QAAQF,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBc,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASF,OAAO;IACtE;QAGgBlB;IADhB,OAAO;QACLsB,cAActB,CAAAA,sBAAAA,MAAMsB,YAAY,AAAZA,MAAY,QAAlBtB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAqB,YAAY;YACVC,MAAM;YACNJ,SAASH,mBAAAA;YACTP,WAAWO,mBAAAA;QACb;QACAO,MAAMb,oBAAAA,CAAKU,MAAM,CACfI,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BxB;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBN;QACAU;IACF;AACF"}
1
+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n props: TeachingPopoverFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n const appearance = usePopoverContext_unstable(context => context.appearance);\n const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n const handleButtonClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n toggleOpen(event);\n },\n );\n\n const secondary = slot.optional(props.secondary, {\n defaultProps: {\n appearance: appearance === 'brand' ? 'primary' : undefined,\n },\n renderByDefault: props.secondary !== undefined,\n elementType: Button,\n });\n\n // Merge any provided callback with close trigger\n if (secondary) {\n secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n }\n\n const primary = slot.always(props.primary, {\n defaultProps: {\n appearance: appearance === 'brand' ? undefined : 'primary',\n },\n elementType: Button,\n });\n\n // Primary button will close the popover if no secondary action is available.\n if (!secondary) {\n primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n }\n\n return {\n footerLayout: props.footerLayout ?? 'horizontal',\n appearance,\n components: {\n root: 'div',\n primary: Button,\n secondary: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n secondary,\n primary,\n };\n};\n"],"names":["useTeachingPopoverFooter_unstable","props","ref","appearance","usePopoverContext_unstable","context","toggleOpen","handleButtonClick","useEventCallback","event","isDefaultPrevented","secondary","slot","optional","defaultProps","undefined","renderByDefault","elementType","Button","onClick","mergeCallbacks","primary","always","footerLayout","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC0D;6BAE1D;8BACoB;AAOpC,MAAMA,oCAAoC,CAC/CC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,aAAaF,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,oBAAoBC,IAAAA,gCAAAA,EACxB,CAACC;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAJ,WAAWG;IACb;IAGF,MAAME,YAAYC,oBAAAA,CAAKC,QAAQ,CAACZ,MAAMU,SAAS,EAAE;QAC/CG,cAAc;YACZX,YAAYA,eAAe,UAAU,YAAYY;QACnD;QACAC,iBAAiBf,MAAMU,SAAS,KAAKI;QACrCE,aAAaC,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIP,WAAW;QACbA,UAAUQ,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBI,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWQ,OAAO;IAC1E;IAEA,MAAME,UAAUT,oBAAAA,CAAKU,MAAM,CAACrB,MAAMoB,OAAO,EAAE;QACzCP,cAAc;YACZX,YAAYA,eAAe,UAAUY,YAAY;QACnD;QACAE,aAAaC,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACP,WAAW;QACdU,QAAQF,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBc,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASF,OAAO;IACtE;QAGgBlB;IADhB,OAAO;QACLsB,cAActB,CAAAA,sBAAAA,MAAMsB,YAAY,AAAZA,MAAY,QAAlBtB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAqB,YAAY;YACVC,MAAM;YACNJ,SAASH,mBAAAA;YACTP,WAAWO,mBAAAA;QACb;QACAO,MAAMb,oBAAAA,CAAKU,MAAM,CACfI,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BxB;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBN;QACAU;IACF;AACF"}
@@ -124,4 +124,4 @@ const useTeachingPopoverFooterStyles_unstable = (state)=>{
124
124
  }
125
125
  state.primary.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);
126
126
  return state;
127
- }; //# sourceMappingURL=useTeachingPopoverFooterStyles.styles.js.map
127
+ };