@fluentui/react-teaching-popover 9.5.7 → 9.6.1

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/Carousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useMergedRefs, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useAnnounce, useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ITEM } from './constants';\nimport { useCarouselWalker_unstable } from './useCarouselWalker';\nimport { createCarouselStore } from './createCarouselStore';\nimport type { UseCarouselOptions } from './Carousel.types';\nimport { CarouselContextValue } from './CarouselContext';\n\n// TODO: Migrate this into an external @fluentui/carousel component\n// For now, we won't export this publicly, is only for internal TeachingPopover use until stabilized.\nexport function useCarousel_unstable(options: UseCarouselOptions) {\n  'use no memo';\n\n  const { announcement, onValueChange, onFinish } = options;\n\n  const { targetDocument } = useFluent();\n  const win = targetDocument?.defaultView;\n  const { ref: carouselRef, walker: carouselWalker } = useCarouselWalker_unstable();\n  const [store] = React.useState(() => createCarouselStore());\n\n  const [value, setValue] = useControllableState({\n    defaultState: options.defaultValue,\n    state: options.value,\n    initialState: null,\n  });\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const { announce } = useAnnounce();\n\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (value === null) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.',\n        );\n      }\n    }, [value]);\n  }\n\n  React.useEffect(() => {\n    const allItems = rootRef.current?.querySelectorAll(`[${CAROUSEL_ITEM}]`)!;\n\n    for (let i = 0; i < allItems.length; i++) {\n      store.addValue(allItems.item(i).getAttribute(CAROUSEL_ITEM)!);\n    }\n\n    return () => {\n      store.clear();\n    };\n  }, [store]);\n\n  React.useEffect(() => {\n    if (!win) {\n      return;\n    }\n\n    const config: MutationObserverInit = {\n      attributes: true,\n      attributeFilter: [CAROUSEL_ITEM],\n      childList: true,\n      subtree: true,\n    };\n\n    // Callback function to execute when mutations are observed\n    const callback: MutationCallback = mutationList => {\n      for (const mutation of mutationList) {\n        for (const addedNode of Array.from(mutation.addedNodes)) {\n          if (isHTMLElement(addedNode) && addedNode.hasAttribute(CAROUSEL_ITEM)) {\n            const newValue = addedNode.getAttribute(CAROUSEL_ITEM)!;\n            const newNode = carouselWalker.find(newValue);\n            if (!newNode?.value) {\n              return;\n            }\n\n            const previousNode = carouselWalker.prevPage(newNode?.value);\n            store.insertValue(newValue, previousNode?.value ?? null);\n          }\n        }\n\n        for (const removedNode of Array.from(mutation.removedNodes)) {\n          if (isHTMLElement(removedNode) && removedNode?.hasAttribute(CAROUSEL_ITEM)) {\n            const removedValue = removedNode.getAttribute(CAROUSEL_ITEM)!;\n\n            store.removeValue(removedValue);\n          }\n        }\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new win.MutationObserver(callback);\n\n    // Start observing the target node for configured mutations\n    observer.observe(rootRef.current!, config);\n\n    // Later, you can stop observing\n    return () => {\n      observer.disconnect();\n    };\n  }, [carouselWalker, store, win]);\n\n  const updateSlide = useEventCallback(\n    (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, newValue: string) => {\n      setValue(newValue);\n      onValueChange?.(event, { event, type: 'click', value: newValue });\n\n      const announceText = announcement?.(newValue);\n      if (announceText) {\n        announce(announceText, { polite: true });\n      }\n    },\n  );\n\n  const selectPageByDirection: CarouselContextValue['selectPageByDirection'] = useEventCallback((event, direction) => {\n    const active = carouselWalker.active();\n\n    if (!active?.value) {\n      return;\n    }\n\n    const newPage =\n      direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);\n\n    if (newPage) {\n      updateSlide(event, newPage?.value);\n    } else {\n      onFinish?.(event, { event, type: 'click', value: active?.value });\n    }\n  });\n\n  return {\n    carouselRef: useMergedRefs(rootRef, carouselRef),\n    carousel: {\n      store,\n      value,\n      selectPageByDirection,\n      selectPageByValue: updateSlide,\n    },\n  };\n}\n"],"names":["useCarousel_unstable","options","announcement","onValueChange","onFinish","targetDocument","useFluent","win","defaultView","ref","carouselRef","walker","carouselWalker","useCarouselWalker_unstable","store","React","useState","createCarouselStore","value","setValue","useControllableState","defaultState","defaultValue","state","initialState","rootRef","useRef","announce","useAnnounce","process","env","NODE_ENV","useEffect","console","error","allItems","current","querySelectorAll","CAROUSEL_ITEM","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","isHTMLElement","hasAttribute","newValue","newNode","find","previousNode","prevPage","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","updateSlide","useEventCallback","event","type","announceText","polite","selectPageByDirection","direction","active","newPage","nextPage","useMergedRefs","carousel","selectPageByValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/Carousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement, useMergedRefs, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useAnnounce, useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ITEM } from './constants';\nimport { useCarouselWalker_unstable } from './useCarouselWalker';\nimport { createCarouselStore } from './createCarouselStore';\nimport type { UseCarouselOptions } from './Carousel.types';\nimport { CarouselContextValue } from './CarouselContext';\n\n// TODO: Migrate this into an external @fluentui/carousel component\n// For now, we won't export this publicly, is only for internal TeachingPopover use until stabilized.\nexport function useCarousel_unstable(options: UseCarouselOptions) {\n  'use no memo';\n\n  const { announcement, onValueChange, onFinish } = options;\n\n  const { targetDocument } = useFluent();\n  const win = targetDocument?.defaultView;\n  const { ref: carouselRef, walker: carouselWalker } = useCarouselWalker_unstable();\n  const [store] = React.useState(() => createCarouselStore());\n\n  const [value, setValue] = useControllableState({\n    defaultState: options.defaultValue,\n    state: options.value,\n    initialState: null,\n  });\n  const rootRef = React.useRef<HTMLDivElement>(null);\n\n  const { announce } = useAnnounce();\n\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (value === null) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'useCarousel: Carousel needs to have a `defaultValue` or `value` prop set. If you want to control the value, use the `value` prop.',\n        );\n      }\n    }, [value]);\n  }\n\n  React.useEffect(() => {\n    const allItems = rootRef.current?.querySelectorAll(`[${CAROUSEL_ITEM}]`)!;\n\n    for (let i = 0; i < allItems.length; i++) {\n      store.addValue(allItems.item(i).getAttribute(CAROUSEL_ITEM)!);\n    }\n\n    return () => {\n      store.clear();\n    };\n  }, [store]);\n\n  React.useEffect(() => {\n    if (!win) {\n      return;\n    }\n\n    const config: MutationObserverInit = {\n      attributes: true,\n      attributeFilter: [CAROUSEL_ITEM],\n      childList: true,\n      subtree: true,\n    };\n\n    // Callback function to execute when mutations are observed\n    const callback: MutationCallback = mutationList => {\n      for (const mutation of mutationList) {\n        for (const addedNode of Array.from(mutation.addedNodes)) {\n          if (isHTMLElement(addedNode) && addedNode.hasAttribute(CAROUSEL_ITEM)) {\n            const newValue = addedNode.getAttribute(CAROUSEL_ITEM)!;\n            const newNode = carouselWalker.find(newValue);\n            if (!newNode?.value) {\n              return;\n            }\n\n            const previousNode = carouselWalker.prevPage(newNode?.value);\n            store.insertValue(newValue, previousNode?.value ?? null);\n          }\n        }\n\n        for (const removedNode of Array.from(mutation.removedNodes)) {\n          if (isHTMLElement(removedNode) && removedNode?.hasAttribute(CAROUSEL_ITEM)) {\n            const removedValue = removedNode.getAttribute(CAROUSEL_ITEM)!;\n\n            store.removeValue(removedValue);\n          }\n        }\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new win.MutationObserver(callback);\n\n    // Start observing the target node for configured mutations\n    observer.observe(rootRef.current!, config);\n\n    // Later, you can stop observing\n    return () => {\n      observer.disconnect();\n    };\n  }, [carouselWalker, store, win]);\n\n  const updateSlide = useEventCallback(\n    (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, newValue: string) => {\n      setValue(newValue);\n      onValueChange?.(event, { event, type: 'click', value: newValue });\n\n      const announceText = announcement?.(newValue);\n      if (announceText) {\n        announce(announceText, { polite: true });\n      }\n    },\n  );\n\n  const selectPageByDirection: CarouselContextValue['selectPageByDirection'] = useEventCallback((event, direction) => {\n    const active = carouselWalker.active();\n\n    if (!active?.value) {\n      return;\n    }\n\n    const newPage =\n      direction === 'prev' ? carouselWalker.prevPage(active.value) : carouselWalker.nextPage(active.value);\n\n    if (newPage) {\n      updateSlide(event, newPage?.value);\n    } else {\n      onFinish?.(event, { event, type: 'click', value: active?.value });\n    }\n  });\n\n  return {\n    carouselRef: useMergedRefs(rootRef, carouselRef),\n    carousel: {\n      store,\n      value,\n      selectPageByDirection,\n      selectPageByValue: updateSlide,\n    },\n  };\n}\n"],"names":["React","isHTMLElement","useMergedRefs","useControllableState","useEventCallback","useAnnounce","useFluent_unstable","useFluent","CAROUSEL_ITEM","useCarouselWalker_unstable","createCarouselStore","useCarousel_unstable","options","announcement","onValueChange","onFinish","targetDocument","win","defaultView","ref","carouselRef","walker","carouselWalker","store","useState","value","setValue","defaultState","defaultValue","state","initialState","rootRef","useRef","announce","process","env","NODE_ENV","useEffect","console","error","allItems","current","querySelectorAll","i","length","addValue","item","getAttribute","clear","config","attributes","attributeFilter","childList","subtree","callback","mutationList","mutation","addedNode","Array","from","addedNodes","hasAttribute","newValue","newNode","find","previousNode","prevPage","insertValue","removedNode","removedNodes","removedValue","removeValue","observer","MutationObserver","observe","disconnect","updateSlide","event","type","announceText","polite","selectPageByDirection","direction","active","newPage","nextPage","carousel","selectPageByValue"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/Carousel.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/Carousel.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { EventData, EventHandler } from '@fluentui/react-utilities';\n\nexport type CarouselStore = {\n  clear: () => void;\n  addValue: (value: string) => void;\n  insertValue: (value: string, prev: string | null) => void;\n  removeValue: (value: string) => void;\n  subscribe: (listener: () => void) => () => void;\n  getSnapshot: () => string[];\n};\n\nexport type CarouselItem = {\n  el: HTMLElement;\n  value: string | null;\n};\n\nexport type UseCarouselOptions = {\n  /**\n   * Localizes the string used to announce carousel page changes to screen reader users\n   * Defaults to: undefined\n   */\n  announcement?: (newValue: string) => string;\n\n  /**\n   * The initial page to display in uncontrolled mode.\n   */\n  defaultValue?: string;\n\n  /**\n   * The value of the currently active page.\n   */\n  value?: string;\n\n  /**\n   * Callback to notify a page change.\n   */\n  onValueChange?: EventHandler<CarouselValueChangeData>;\n\n  /**\n   * Callback to notify when the final button step of a carousel has been activated.\n   */\n  onFinish?: EventHandler<CarouselValueChangeData>;\n};\n\nexport type CarouselValueChangeData = EventData<'click', React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {\n  /**\n   * The value to be set after event has occurred.\n   */\n  value?: string;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/Carousel.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { EventData, EventHandler } from '@fluentui/react-utilities';\n\nexport type CarouselStore = {\n  clear: () => void;\n  addValue: (value: string) => void;\n  insertValue: (value: string, prev: string | null) => void;\n  removeValue: (value: string) => void;\n  subscribe: (listener: () => void) => () => void;\n  getSnapshot: () => string[];\n};\n\nexport type CarouselItem = {\n  el: HTMLElement;\n  value: string | null;\n};\n\nexport type UseCarouselOptions = {\n  /**\n   * Localizes the string used to announce carousel page changes to screen reader users\n   * Defaults to: undefined\n   */\n  announcement?: (newValue: string) => string;\n\n  /**\n   * The initial page to display in uncontrolled mode.\n   */\n  defaultValue?: string;\n\n  /**\n   * The value of the currently active page.\n   */\n  value?: string;\n\n  /**\n   * Callback to notify a page change.\n   */\n  onValueChange?: EventHandler<CarouselValueChangeData>;\n\n  /**\n   * Callback to notify when the final button step of a carousel has been activated.\n   */\n  onFinish?: EventHandler<CarouselValueChangeData>;\n};\n\nexport type CarouselValueChangeData = EventData<'click', React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {\n  /**\n   * The value to be set after event has occurred.\n   */\n  value?: string;\n};\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselContext.ts"],"sourcesContent":["import { type Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport * as React from 'react';\n\nimport type { CarouselStore } from './Carousel.types';\nimport { createCarouselStore } from './createCarouselStore';\n\nexport type CarouselContextValue = {\n  store: CarouselStore;\n  value: string | null;\n  selectPageByDirection: (\n    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\n    direction: 'next' | 'prev',\n  ) => void;\n  selectPageByValue: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, value: string) => void;\n};\n\nexport const carouselContextDefaultValue: CarouselContextValue = {\n  store: createCarouselStore(),\n  value: null,\n  selectPageByDirection: () => {\n    /** noop */\n  },\n  selectPageByValue: () => {\n    /** noop */\n  },\n};\n\nconst CarouselContext: Context<CarouselContextValue> = createContext<CarouselContextValue | undefined>(\n  undefined,\n) as Context<CarouselContextValue>;\n\nexport const CarouselProvider = CarouselContext.Provider;\n\nexport const useCarouselContext_unstable = <T>(selector: ContextSelector<CarouselContextValue, T>): T =>\n  useContextSelector(CarouselContext, (ctx = carouselContextDefaultValue) => selector(ctx));\n"],"names":["CarouselProvider","carouselContextDefaultValue","useCarouselContext_unstable","store","createCarouselStore","value","selectPageByDirection","selectPageByValue","CarouselContext","createContext","undefined","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA+BaA,gBAAAA;eAAAA;;IAfAC,2BAAAA;eAAAA;;IAiBAC,2BAAAA;eAAAA;;;;sCAjCoE;iEAC1D;qCAGa;AAY7B,MAAMD,8BAAoD;IAC/DE,OAAOC,IAAAA,wCAAAA;IACPC,OAAO;IACPC,uBAAuB;IACrB,SAAS,GACX;IACAC,mBAAmB;IACjB,SAAS,GACX;AACF;AAEA,MAAMC,kBAAiDC,IAAAA,mCAAAA,EACrDC;AAGK,MAAMV,mBAAmBQ,gBAAgBG,QAAQ;AAEjD,MAAMT,8BAA8B,CAAIU,WAC7CC,IAAAA,wCAAAA,EAAmBL,iBAAiB,CAACM,MAAMb,2BAA2B,GAAKW,SAASE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselContext.ts"],"sourcesContent":["import { type Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport * as React from 'react';\n\nimport type { CarouselStore } from './Carousel.types';\nimport { createCarouselStore } from './createCarouselStore';\n\nexport type CarouselContextValue = {\n  store: CarouselStore;\n  value: string | null;\n  selectPageByDirection: (\n    event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>,\n    direction: 'next' | 'prev',\n  ) => void;\n  selectPageByValue: (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, value: string) => void;\n};\n\nexport const carouselContextDefaultValue: CarouselContextValue = {\n  store: createCarouselStore(),\n  value: null,\n  selectPageByDirection: () => {\n    /** noop */\n  },\n  selectPageByValue: () => {\n    /** noop */\n  },\n};\n\nconst CarouselContext: Context<CarouselContextValue> = createContext<CarouselContextValue | undefined>(\n  undefined,\n) as Context<CarouselContextValue>;\n\nexport const CarouselProvider = CarouselContext.Provider;\n\nexport const useCarouselContext_unstable = <T>(selector: ContextSelector<CarouselContextValue, T>): T =>\n  useContextSelector(CarouselContext, (ctx = carouselContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","React","createCarouselStore","carouselContextDefaultValue","store","value","selectPageByDirection","selectPageByValue","CarouselContext","undefined","CarouselProvider","Provider","useCarouselContext_unstable","selector","ctx"],"mappings":";;;;;;;;;;;oBA+BaW;;;+BAfAP;;;+BAiBAS;;;;;sCAjCoE,mCAAmC;iEAC7F,QAAQ;qCAGK,wBAAwB;AAYrD,MAAMT,8BAAoD;IAC/DC,WAAOF,wCAAAA;IACPG,OAAO;IACPC,uBAAuB;IACrB,SAAS,GACX;IACAC,mBAAmB;IACjB,SAAS,GACX;AACF,EAAE;AAEF,MAAMC,sBAAiDT,mCAAAA,EACrDU;AAGK,MAAMC,mBAAmBF,gBAAgBG,QAAQ,CAAC;AAElD,MAAMC,8BAA8B,CAAIC,eAC7Cb,wCAAAA,EAAmBQ,iBAAiB,CAACM,MAAMX,2BAA2B,GAAKU,SAASC,MAAM"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type CarouselItemSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type CarouselItemProps = ComponentProps<CarouselItemSlots> & {\n  /**\n   * The value used to identify a page,\n   * it should be unique and is necessary for pagination\n   */\n  value: string;\n};\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type CarouselItemState = ComponentState<Required<CarouselItemSlots>> & {\n  visible: boolean;\n} & Pick<CarouselItemProps, 'value'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAiBA;;CAEC"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type CarouselItemSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type CarouselItemProps = ComponentProps<CarouselItemSlots> & {\n  /**\n   * The value used to identify a page,\n   * it should be unique and is necessary for pagination\n   */\n  value: string;\n};\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type CarouselItemState = ComponentState<Required<CarouselItemSlots>> & {\n  visible: boolean;\n} & Pick<CarouselItemProps, 'value'>;\n"],"names":[],"mappings":"AAiBA;;CAEC,GACD,WAEqC"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { CarouselItemProps } from './CarouselItem.types';\nimport { useCarouselItem_unstable } from './useCarouselItem';\nimport { renderCarouselItem_unstable } from './renderCarouselItem';\n\n/**\n * Define a CarouselItem, using the `useCarouselItem_unstable` and 'renderCarouselItem_unstable' hooks.\n * It has no styling opinions.\n */\nexport const CarouselItem: ForwardRefComponent<CarouselItemProps> = React.forwardRef((props, ref) => {\n  const state = useCarouselItem_unstable(props, ref);\n\n  return renderCarouselItem_unstable(state);\n});\n\nCarouselItem.displayName = 'CarouselItem';\n"],"names":["CarouselItem","React","forwardRef","props","ref","state","useCarouselItem_unstable","renderCarouselItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;iCAIkB;oCACG;AAMrC,MAAMA,eAAAA,WAAAA,GAAuDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQC,IAAAA,yCAAAA,EAAyBH,OAAOC;IAE9C,OAAOG,IAAAA,+CAAAA,EAA4BF;AACrC;AAEAL,aAAaQ,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { CarouselItemProps } from './CarouselItem.types';\nimport { useCarouselItem_unstable } from './useCarouselItem';\nimport { renderCarouselItem_unstable } from './renderCarouselItem';\n\n/**\n * Define a CarouselItem, using the `useCarouselItem_unstable` and 'renderCarouselItem_unstable' hooks.\n * It has no styling opinions.\n */\nexport const CarouselItem: ForwardRefComponent<CarouselItemProps> = React.forwardRef((props, ref) => {\n  const state = useCarouselItem_unstable(props, ref);\n\n  return renderCarouselItem_unstable(state);\n});\n\nCarouselItem.displayName = 'CarouselItem';\n"],"names":["React","useCarouselItem_unstable","renderCarouselItem_unstable","CarouselItem","forwardRef","props","ref","state","displayName"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;iCAIU,oBAAoB;oCACjB,uBAAuB;AAM5D,MAAMG,eAAAA,WAAAA,GAAuDH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQN,yCAAAA,EAAyBI,OAAOC;IAE9C,WAAOJ,+CAAAA,EAA4BK;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { CarouselItemState, CarouselItemSlots } from './CarouselItem.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderCarouselItem_unstable = (state: CarouselItemState) => {\n  assertSlots<CarouselItemSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderCarouselItem_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,8BAA8B,CAACC;IAC1CC,IAAAA,2BAAAA,EAA+BD;IAE/B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/renderCarouselItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { CarouselItemState, CarouselItemSlots } from './CarouselItem.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderCarouselItem_unstable = (state: CarouselItemState) => {\n  assertSlots<CarouselItemSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderCarouselItem_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAMjD,MAAMC,8BAA8B,CAACC;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps, CarouselItemState } from './CarouselItem.types';\nimport { useCarouselContext_unstable } from '../CarouselContext';\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from '../constants';\n\nexport const useCarouselItem_unstable = (\n  props: CarouselItemProps,\n  ref: React.Ref<HTMLDivElement>,\n): CarouselItemState => {\n  const { value } = props;\n\n  const visible = useCarouselContext_unstable(c => c.value === value);\n  const state: CarouselItemState = {\n    value,\n    visible,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        [CAROUSEL_ITEM]: value,\n        [CAROUSEL_ACTIVE_ITEM]: visible,\n        hidden: !visible,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n\n  if (!visible) {\n    state.root.children = null;\n  }\n\n  return state;\n};\n"],"names":["useCarouselItem_unstable","props","ref","value","visible","useCarouselContext_unstable","c","state","components","root","slot","always","getIntrinsicElementProps","CAROUSEL_ITEM","CAROUSEL_ACTIVE_ITEM","hidden","elementType","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACwB;iCAEH;2BACQ;AAE7C,MAAMA,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,MAAMG,UAAUC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEH,KAAK,KAAKA;IAC7D,MAAMI,QAA2B;QAC/BJ;QACAC;QACAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BV;YACA,CAACW,wBAAAA,CAAc,EAAEV;YACjB,CAACW,+BAAAA,CAAqB,EAAEV;YACxBW,QAAQ,CAACX;YACT,GAAGH,KAAK;QACV,IACA;YAAEe,aAAa;QAAM;IAEzB;IAEA,IAAI,CAACZ,SAAS;QACZG,MAAME,IAAI,CAACQ,QAAQ,GAAG;IACxB;IAEA,OAAOV;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/CarouselItem/useCarouselItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps, CarouselItemState } from './CarouselItem.types';\nimport { useCarouselContext_unstable } from '../CarouselContext';\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from '../constants';\n\nexport const useCarouselItem_unstable = (\n  props: CarouselItemProps,\n  ref: React.Ref<HTMLDivElement>,\n): CarouselItemState => {\n  const { value } = props;\n\n  const visible = useCarouselContext_unstable(c => c.value === value);\n  const state: CarouselItemState = {\n    value,\n    visible,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        [CAROUSEL_ITEM]: value,\n        [CAROUSEL_ACTIVE_ITEM]: visible,\n        hidden: !visible,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n\n  if (!visible) {\n    state.root.children = null;\n  }\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useCarouselContext_unstable","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselItem_unstable","props","ref","value","visible","c","state","components","root","always","hidden","elementType","children"],"mappings":";;;;+BAMaM;;;;;;;iEANU,QAAQ;gCACgB,4BAA4B;iCAE/B,qBAAqB;2BACb,eAAe;AAE5D,iCAAiC,CACtCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,MAAMG,cAAUP,4CAAAA,EAA4BQ,CAAAA,IAAKA,EAAEF,KAAK,KAAKA;IAC7D,MAAMG,QAA2B;QAC/BH;QACAC;QACAG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,oBAAAA,CAAKa,MAAM,CACfd,4CAAAA,EAAyB,OAAO;YAC9BO;YACA,CAACH,wBAAAA,CAAc,EAAEI;YACjB,CAACL,+BAAAA,CAAqB,EAAEM;YACxBM,QAAQ,CAACN;YACT,GAAGH,KAAK;QACV,IACA;YAAEU,aAAa;QAAM;IAEzB;IAEA,IAAI,CAACP,SAAS;QACZE,MAAME,IAAI,CAACI,QAAQ,GAAG;IACxB;IAEA,OAAON;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/constants.ts"],"sourcesContent":["export const CAROUSEL_ITEM = 'data-carousel-item';\nexport const CAROUSEL_ACTIVE_ITEM = 'data-carousel-active-item';\n"],"names":["CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,oBAAAA;eAAAA;;IADAC,aAAAA;eAAAA;;;AAAN,MAAMA,gBAAgB;AACtB,MAAMD,uBAAuB"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/constants.ts"],"sourcesContent":["export const CAROUSEL_ITEM = 'data-carousel-item';\nexport const CAROUSEL_ACTIVE_ITEM = 'data-carousel-active-item';\n"],"names":["CAROUSEL_ITEM","CAROUSEL_ACTIVE_ITEM"],"mappings":";;;;;;;;;;;wBACaC;;;iBADAD;;;;AAAN,MAAMA,gBAAgB,qBAAqB;AAC3C,MAAMC,uBAAuB,4BAA4B"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/createCarouselStore.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/createCarouselStore.ts"],"sourcesContent":["import { type CarouselStore } from './Carousel.types';\n\nexport const createCarouselStore = (): CarouselStore => {\n  let values: string[] = [];\n  let listeners: Array<() => void> = [];\n\n  const carouselStore = {\n    clear() {\n      values = [];\n      emitChange();\n    },\n    addValue(value: string) {\n      values = [...values, value];\n\n      emitChange();\n    },\n    insertValue(value: string, prev: string | null) {\n      if (!prev) {\n        values = [value, ...values];\n      } else {\n        const pos = values.indexOf(prev);\n        values.splice(pos + 1, 0, value);\n        // Required to be defined as a 'new' array for useSyncExternalStore\n        values = [...values];\n      }\n      emitChange();\n    },\n    removeValue(value: string) {\n      const pos = values.indexOf(value);\n      values.splice(pos, 1);\n      // Required to be defined as a 'new' array for useSyncExternalStore\n      values = [...values];\n      emitChange();\n    },\n    subscribe(listener: () => void) {\n      listeners = [...listeners, listener];\n\n      return () => {\n        listeners = listeners.filter(l => l !== listener);\n      };\n    },\n    getSnapshot() {\n      return values;\n    },\n  };\n\n  function emitChange() {\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  return carouselStore;\n};\n"],"names":["createCarouselStore","values","listeners","carouselStore","clear","emitChange","addValue","value","insertValue","prev","pos","indexOf","splice","removeValue","subscribe","listener","filter","l","getSnapshot"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,sBAAsB;IACjC,IAAIC,SAAmB,EAAE;IACzB,IAAIC,YAA+B,EAAE;IAErC,MAAMC,gBAAgB;QACpBC;YACEH,SAAS,EAAE;YACXI;QACF;QACAC,UAASC,KAAa;YACpBN,SAAS;mBAAIA;gBAAQM;aAAM;YAE3BF;QACF;QACAG,aAAYD,KAAa,EAAEE,IAAmB;YAC5C,IAAI,CAACA,MAAM;gBACTR,SAAS;oBAACM;uBAAUN;iBAAO;YAC7B,OAAO;gBACL,MAAMS,MAAMT,OAAOU,OAAO,CAACF;gBAC3BR,OAAOW,MAAM,CAACF,MAAM,GAAG,GAAGH;gBAC1B,mEAAmE;gBACnEN,SAAS;uBAAIA;iBAAO;YACtB;YACAI;QACF;QACAQ,aAAYN,KAAa;YACvB,MAAMG,MAAMT,OAAOU,OAAO,CAACJ;YAC3BN,OAAOW,MAAM,CAACF,KAAK;YACnB,mEAAmE;YACnET,SAAS;mBAAIA;aAAO;YACpBI;QACF;QACAS,WAAUC,QAAoB;YAC5Bb,YAAY;mBAAIA;gBAAWa;aAAS;YAEpC,OAAO;gBACLb,YAAYA,UAAUc,MAAM,CAACC,CAAAA,IAAKA,MAAMF;YAC1C;QACF;QACAG;YACE,OAAOjB;QACT;IACF;IAEA,SAASI;QACP,KAAK,MAAMU,YAAYb,UAAW;YAChCa;QACF;IACF;IAEA,OAAOZ;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/createCarouselStore.ts"],"sourcesContent":["import { type CarouselStore } from './Carousel.types';\n\nexport const createCarouselStore = (): CarouselStore => {\n  let values: string[] = [];\n  let listeners: Array<() => void> = [];\n\n  const carouselStore = {\n    clear() {\n      values = [];\n      emitChange();\n    },\n    addValue(value: string) {\n      values = [...values, value];\n\n      emitChange();\n    },\n    insertValue(value: string, prev: string | null) {\n      if (!prev) {\n        values = [value, ...values];\n      } else {\n        const pos = values.indexOf(prev);\n        values.splice(pos + 1, 0, value);\n        // Required to be defined as a 'new' array for useSyncExternalStore\n        values = [...values];\n      }\n      emitChange();\n    },\n    removeValue(value: string) {\n      const pos = values.indexOf(value);\n      values.splice(pos, 1);\n      // Required to be defined as a 'new' array for useSyncExternalStore\n      values = [...values];\n      emitChange();\n    },\n    subscribe(listener: () => void) {\n      listeners = [...listeners, listener];\n\n      return () => {\n        listeners = listeners.filter(l => l !== listener);\n      };\n    },\n    getSnapshot() {\n      return values;\n    },\n  };\n\n  function emitChange() {\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  return carouselStore;\n};\n"],"names":["createCarouselStore","values","listeners","carouselStore","clear","emitChange","addValue","value","insertValue","prev","pos","indexOf","splice","removeValue","subscribe","listener","filter","l","getSnapshot"],"mappings":";;;;+BAEaA;;;;;;AAAN,4BAA4B;IACjC,IAAIC,SAAmB,EAAE;IACzB,IAAIC,YAA+B,EAAE;IAErC,MAAMC,gBAAgB;QACpBC;YACEH,SAAS,EAAE;YACXI;QACF;QACAC,UAASC,KAAa;YACpBN,SAAS;mBAAIA;gBAAQM;aAAM;YAE3BF;QACF;QACAG,aAAYD,KAAa,EAAEE,IAAmB;YAC5C,IAAI,CAACA,MAAM;gBACTR,SAAS;oBAACM;uBAAUN;iBAAO;YAC7B,OAAO;gBACL,MAAMS,MAAMT,OAAOU,OAAO,CAACF;gBAC3BR,OAAOW,MAAM,CAACF,MAAM,GAAG,GAAGH;gBAC1B,mEAAmE;gBACnEN,SAAS;uBAAIA;iBAAO;YACtB;YACAI;QACF;QACAQ,aAAYN,KAAa;YACvB,MAAMG,MAAMT,OAAOU,OAAO,CAACJ;YAC3BN,OAAOW,MAAM,CAACF,KAAK;YACnB,mEAAmE;YACnET,SAAS;mBAAIA;aAAO;YACpBI;QACF;QACAS,WAAUC,QAAoB;YAC5Bb,YAAY;mBAAIA;gBAAWa;aAAS;YAEpC,OAAO;gBACLb,YAAYA,UAAUc,MAAM,CAACC,CAAAA,IAAKA,MAAMF;YAC1C;QACF;QACAG;YACE,OAAOjB;QACT;IACF;IAEA,SAASI;QACP,KAAK,MAAMU,YAAYb,UAAW;YAChCa;QACF;IACF;IAEA,OAAOZ;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/useCarouselValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/useCarouselValues.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim';\n\nimport { useCarouselContext_unstable } from './CarouselContext';\nimport type { CarouselStore } from './Carousel.types';\n\nexport function useCarouselValues_unstable<T>(getSnapshot: (values: ReturnType<CarouselStore['getSnapshot']>) => T): T {\n  const store = useCarouselContext_unstable(c => c.store);\n\n  return useSyncExternalStore(store.subscribe, () => getSnapshot(store.getSnapshot()));\n}\n"],"names":["useCarouselValues_unstable","getSnapshot","store","useCarouselContext_unstable","c","useSyncExternalStore","subscribe"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;sBALqB;iCAEO;AAGrC,SAASA,2BAA8BC,WAAoE;IAChH,MAAMC,QAAQC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,KAAK;IAEtD,OAAOG,IAAAA,0BAAAA,EAAqBH,MAAMI,SAAS,EAAE,IAAML,YAAYC,MAAMD,WAAW;AAClF"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/useCarouselValues.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim';\n\nimport { useCarouselContext_unstable } from './CarouselContext';\nimport type { CarouselStore } from './Carousel.types';\n\nexport function useCarouselValues_unstable<T>(getSnapshot: (values: ReturnType<CarouselStore['getSnapshot']>) => T): T {\n  const store = useCarouselContext_unstable(c => c.store);\n\n  return useSyncExternalStore(store.subscribe, () => getSnapshot(store.getSnapshot()));\n}\n"],"names":["useSyncExternalStore","useCarouselContext_unstable","useCarouselValues_unstable","getSnapshot","store","c","subscribe"],"mappings":";;;;;;;;;;sBAAqC,+BAA+B;iCAExB,oBAAoB;AAGzD,SAASE,2BAA8BC,WAAoE;IAChH,MAAMC,YAAQH,4CAAAA,EAA4BI,CAAAA,IAAKA,EAAED,KAAK;IAEtD,WAAOJ,0BAAAA,EAAqBI,MAAME,SAAS,EAAE,IAAMH,YAAYC,MAAMD,WAAW;AAClF"}

package/lib-commonjs/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from './constants';\n\nexport type CarouselWalker = {\n  find(value: string): { el: HTMLElement; value: string } | null;\n  nextPage(value: string): { el: HTMLElement; value: string } | null;\n  prevPage(value: string): { el: HTMLElement; value: string } | null;\n  active(): { el: HTMLElement; value: string } | null;\n};\n\nexport const useCarouselWalker_unstable = () => {\n  const { targetDocument } = useFluent();\n\n  const treeWalkerRef = React.useRef<TreeWalker | undefined>(targetDocument?.createTreeWalker(targetDocument.body));\n  const htmlRef = React.useRef<HTMLDivElement | null>(null);\n\n  const ref = React.useCallback(\n    (el: HTMLDivElement | null) => {\n      if (!targetDocument) {\n        return;\n      }\n\n      if (!el) {\n        return;\n      }\n\n      htmlRef.current = el;\n      treeWalkerRef.current = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {\n        acceptNode(node) {\n          if (!isHTMLElement(node)) {\n            return NodeFilter.FILTER_SKIP;\n          }\n\n          return node.hasAttribute(CAROUSEL_ITEM) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n        },\n      });\n    },\n    [targetDocument],\n  );\n\n  return {\n    ref,\n    walker: React.useMemo<CarouselWalker>(\n      () => ({\n        active() {\n          if (!htmlRef.current) {\n            return null;\n          }\n\n          const activeEl = htmlRef.current.querySelector(`[${CAROUSEL_ACTIVE_ITEM}=\"true\"]`)!;\n\n          if (isHTMLElement(activeEl)) {\n            return {\n              el: activeEl,\n              value: activeEl.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n        find(value: string) {\n          if (!treeWalkerRef.current?.currentNode || !htmlRef.current) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = htmlRef.current;\n          let nextNode: Node | null = null;\n          while ((nextNode = treeWalkerRef.current.nextNode())) {\n            if (!isHTMLElement(nextNode)) {\n              continue;\n            }\n\n            if (nextNode.getAttribute(CAROUSEL_ITEM) === value) {\n              return {\n                el: nextNode,\n                value: nextNode.getAttribute(CAROUSEL_ITEM)!,\n              };\n            }\n          }\n\n          return null;\n        },\n        nextPage(value: string) {\n          const res = this.find(value);\n          if (!res || !treeWalkerRef.current?.currentNode) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = res.el;\n          const next = treeWalkerRef.current.nextNode();\n\n          if (isHTMLElement(next)) {\n            return {\n              el: next,\n              value: next.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n\n        prevPage(value: string) {\n          const res = this.find(value);\n          if (!res || !treeWalkerRef.current?.currentNode) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = res.el;\n          const next = treeWalkerRef.current.previousNode();\n\n          if (isHTMLElement(next)) {\n            return {\n              el: next,\n              value: next.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n      }),\n      [],\n    ),\n  };\n};\n"],"names":["useCarouselWalker_unstable","targetDocument","useFluent","treeWalkerRef","React","useRef","createTreeWalker","body","htmlRef","ref","useCallback","el","current","NodeFilter","SHOW_ELEMENT","acceptNode","node","isHTMLElement","FILTER_SKIP","hasAttribute","CAROUSEL_ITEM","FILTER_ACCEPT","walker","useMemo","active","activeEl","querySelector","CAROUSEL_ACTIVE_ITEM","value","getAttribute","find","currentNode","nextNode","nextPage","res","next","prevPage","previousNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/Carousel/useCarouselWalker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from './constants';\n\nexport type CarouselWalker = {\n  find(value: string): { el: HTMLElement; value: string } | null;\n  nextPage(value: string): { el: HTMLElement; value: string } | null;\n  prevPage(value: string): { el: HTMLElement; value: string } | null;\n  active(): { el: HTMLElement; value: string } | null;\n};\n\nexport const useCarouselWalker_unstable = () => {\n  const { targetDocument } = useFluent();\n\n  const treeWalkerRef = React.useRef<TreeWalker | undefined>(targetDocument?.createTreeWalker(targetDocument.body));\n  const htmlRef = React.useRef<HTMLDivElement | null>(null);\n\n  const ref = React.useCallback(\n    (el: HTMLDivElement | null) => {\n      if (!targetDocument) {\n        return;\n      }\n\n      if (!el) {\n        return;\n      }\n\n      htmlRef.current = el;\n      treeWalkerRef.current = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {\n        acceptNode(node) {\n          if (!isHTMLElement(node)) {\n            return NodeFilter.FILTER_SKIP;\n          }\n\n          return node.hasAttribute(CAROUSEL_ITEM) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n        },\n      });\n    },\n    [targetDocument],\n  );\n\n  return {\n    ref,\n    walker: React.useMemo<CarouselWalker>(\n      () => ({\n        active() {\n          if (!htmlRef.current) {\n            return null;\n          }\n\n          const activeEl = htmlRef.current.querySelector(`[${CAROUSEL_ACTIVE_ITEM}=\"true\"]`)!;\n\n          if (isHTMLElement(activeEl)) {\n            return {\n              el: activeEl,\n              value: activeEl.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n        find(value: string) {\n          if (!treeWalkerRef.current?.currentNode || !htmlRef.current) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = htmlRef.current;\n          let nextNode: Node | null = null;\n          while ((nextNode = treeWalkerRef.current.nextNode())) {\n            if (!isHTMLElement(nextNode)) {\n              continue;\n            }\n\n            if (nextNode.getAttribute(CAROUSEL_ITEM) === value) {\n              return {\n                el: nextNode,\n                value: nextNode.getAttribute(CAROUSEL_ITEM)!,\n              };\n            }\n          }\n\n          return null;\n        },\n        nextPage(value: string) {\n          const res = this.find(value);\n          if (!res || !treeWalkerRef.current?.currentNode) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = res.el;\n          const next = treeWalkerRef.current.nextNode();\n\n          if (isHTMLElement(next)) {\n            return {\n              el: next,\n              value: next.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n\n        prevPage(value: string) {\n          const res = this.find(value);\n          if (!res || !treeWalkerRef.current?.currentNode) {\n            return null;\n          }\n\n          treeWalkerRef.current.currentNode = res.el;\n          const next = treeWalkerRef.current.previousNode();\n\n          if (isHTMLElement(next)) {\n            return {\n              el: next,\n              value: next.getAttribute(CAROUSEL_ITEM)!,\n            };\n          }\n\n          return null;\n        },\n      }),\n      [],\n    ),\n  };\n};\n"],"names":["React","isHTMLElement","useFluent_unstable","useFluent","CAROUSEL_ACTIVE_ITEM","CAROUSEL_ITEM","useCarouselWalker_unstable","targetDocument","treeWalkerRef","useRef","createTreeWalker","body","htmlRef","ref","useCallback","el","current","NodeFilter","SHOW_ELEMENT","acceptNode","node","FILTER_SKIP","hasAttribute","FILTER_ACCEPT","walker","useMemo","active","activeEl","querySelector","value","getAttribute","find","currentNode","nextNode","nextPage","res","next","prevPage","previousNode"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/TeachingPopoverCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nimport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nimport { useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverCarouselProps } from './TeachingPopoverCarousel.types';\nimport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n\n/**\n * Define a styled TeachingPopoverCarousel, using the `useTeachingPopoverCarousel_unstable` and `useTeachingPopoverCarouselStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarousel injects context providers that are required for TeachingPopoverCarouselCard display and navigation functionality\n */\nexport const TeachingPopoverCarousel: ForwardRefComponent<TeachingPopoverCarouselProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarousel_unstable(props, ref);\n\n    useTeachingPopoverCarouselStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useTeachingPopoverCarouselStyles_unstable')(state);\n\n    const contextValues = useTeachingPopoverCarouselContextValues_unstable(state);\n\n    return renderTeachingPopoverCarousel_unstable(state, contextValues);\n  },\n);\n\nTeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';\n"],"names":["TeachingPopoverCarousel","React","forwardRef","props","ref","state","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","contextValues","useTeachingPopoverCarouselContextValues_unstable","renderTeachingPopoverCarousel_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;4CAG6B;+CACG;wDACG;qCACd;yDAEqB;AAQ1D,MAAMA,0BAAAA,WAAAA,GAA6EC,OAAMC,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,+DAAAA,EAAoCH,OAAOC;IAEzDG,IAAAA,iFAAAA,EAA0CF;IAE1CG,IAAAA,gDAAAA,EAA4B,6CAA6CH;IAEzE,MAAMI,gBAAgBC,IAAAA,yFAAAA,EAAiDL;IAEvE,OAAOM,IAAAA,qEAAAA,EAAuCN,OAAOI;AACvD;AAGFT,wBAAwBY,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/TeachingPopoverCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nimport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nimport { useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverCarouselProps } from './TeachingPopoverCarousel.types';\nimport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n\n/**\n * Define a styled TeachingPopoverCarousel, using the `useTeachingPopoverCarousel_unstable` and `useTeachingPopoverCarouselStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarousel injects context providers that are required for TeachingPopoverCarouselCard display and navigation functionality\n */\nexport const TeachingPopoverCarousel: ForwardRefComponent<TeachingPopoverCarouselProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarousel_unstable(props, ref);\n\n    useTeachingPopoverCarouselStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useTeachingPopoverCarouselStyles_unstable')(state);\n\n    const contextValues = useTeachingPopoverCarouselContextValues_unstable(state);\n\n    return renderTeachingPopoverCarousel_unstable(state, contextValues);\n  },\n);\n\nTeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';\n"],"names":["React","useTeachingPopoverCarousel_unstable","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarousel","forwardRef","props","ref","state","contextValues","displayName"],"mappings":";;;;+BAgBaM;;;;;;;iEAhBU,QAAQ;4CAGqB,+BAA+B;+CAC5B,kCAAkC;wDAC/B,4CAA4C;qCAC1D,kCAAkC;yDAEb,4CAA4C;AAQtG,gCAAMA,WAAAA,GAA6EN,OAAMO,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,YAAQT,+DAAAA,EAAoCO,OAAOC;QAEzDN,iFAAAA,EAA0CO;QAE1CN,gDAAAA,EAA4B,6CAA6CM;IAEzE,MAAMC,oBAAgBN,yFAAAA,EAAiDK;IAEvE,WAAOR,qEAAAA,EAAuCQ,OAAOC;AACvD,GACA;AAEFL,wBAAwBM,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { UseCarouselOptions } from './Carousel/Carousel.types';\n\nexport type TeachingPopoverCarouselSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * TeachingPopoverCarousel Props\n */\nexport type TeachingPopoverCarouselProps = ComponentProps<TeachingPopoverCarouselSlots> & UseCarouselOptions;\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type TeachingPopoverCarouselState = ComponentState<Required<TeachingPopoverCarouselSlots>> &\n  Partial<Pick<PopoverContextValue, 'appearance'>> &\n  CarouselContextValue;\n\n/**\n * Context shared between TeachingPopoverCarousel and its children components\n */\nexport type TeachingPopoverCarouselContextValues = {\n  carousel: CarouselContextValue;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAyBA;;CAEC"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { UseCarouselOptions } from './Carousel/Carousel.types';\n\nexport type TeachingPopoverCarouselSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * TeachingPopoverCarousel Props\n */\nexport type TeachingPopoverCarouselProps = ComponentProps<TeachingPopoverCarouselSlots> & UseCarouselOptions;\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type TeachingPopoverCarouselState = ComponentState<Required<TeachingPopoverCarouselSlots>> &\n  Partial<Pick<PopoverContextValue, 'appearance'>> &\n  CarouselContextValue;\n\n/**\n * Context shared between TeachingPopoverCarousel and its children components\n */\nexport type TeachingPopoverCarouselContextValues = {\n  carousel: CarouselContextValue;\n};\n"],"names":[],"mappings":"AAyBA;;CAEC,GACD,WAEE"}

package/lib-commonjs/components/TeachingPopoverCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/index.ts"],"sourcesContent":["export { TeachingPopoverCarousel } from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\nexport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nexport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nexport {\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselStyles_unstable,\n} from './useTeachingPopoverCarouselStyles.styles';\nexport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselContextValues_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,uBAAuB;eAAvBA,gDAAuB;;IAOvBC,sCAAsC;eAAtCA,qEAAsC;;IAG7CC,iCAAiC;eAAjCA,yEAAiC;;IAG1BC,gDAAgD;eAAhDA,yFAAgD;;IAFvDC,yCAAyC;eAAzCA,iFAAyC;;IAHlCC,mCAAmC;eAAnCA,+DAAmC;;;yCARJ;+CAOe;4CACH;wDAI7C;yDAC0D"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/index.ts"],"sourcesContent":["export { TeachingPopoverCarousel } from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\nexport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nexport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nexport {\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselStyles_unstable,\n} from './useTeachingPopoverCarouselStyles.styles';\nexport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarouselContextValues_unstable"],"mappings":";;;;;;;;;;;;eAASA,gDAAuB;;;eAOvBC,qEAAsC;;;eAG7CE,yEAAiC;;;eAG1BE,yFAAgD;;;eAFvDD,iFAAyC;;;eAHlCF,+DAAmC;;;yCARJ,4BAA4B;+CAOb,kCAAkC;4CACrC,+BAA+B;wDAI5E,4CAA4C;yDACc,4CAA4C"}

package/lib-commonjs/components/TeachingPopoverCarousel/renderTeachingPopoverCarousel.js.map

@@ -1 +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"}
+{"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":["assertSlots","CarouselProvider","renderTeachingPopoverCarousel_unstable","state","contextValues","value","carousel","root"],"mappings":";;;;+BAcaE;;;;;;4BAbb,gDAAiD;gCAErB,4BAA4B;iCAMvB,6BAA6B;AAKvD,+CAA+C,CACpDC,OACAC;QAEAJ,2BAAAA,EAA0CG;IAE1C,OAAA,WAAA,OACE,eAAA,EAACF,iCAAAA,EAAAA;QAAiBI,OAAOD,cAAcE,QAAQ;kBAC7C,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map

@@ -1 +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 } 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: TeachingPopoverCarouselProps['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    announcement: props.announcement,\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","announcement","defaultValue","value","onValueChange","appearance","context","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACyD;8BAErC;0BACN;AAE9B,MAAMA,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,IAAKA,EAAEF,UAAU;IAC/D,MAAMG,eAAyDC,IAAAA,gCAAAA,EAAiB,CAACC,OAAOC;YACtFR;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,cAAcd,MAAMc,YAAY;QAChCC,OAAOf,MAAMe,KAAK;QAClBC,eAAehB,MAAMgB,aAAa;QAClCP,UAAUJ;IACZ;IAEA,MAAMY,aAAad,IAAAA,wCAAAA,EAA2Be,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BtB,KAAKuB,IAAAA,6BAAAA,EAAcvB,KAAKU;YACxB,GAAGX,KAAK;QACV,IACA;YAAEyB,aAAa;QAAM;QAEvB,GAAGf,QAAQ;IACb;AACF"}
+{"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 } 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: TeachingPopoverCarouselProps['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    announcement: props.announcement,\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":["React","getIntrinsicElementProps","slot","useEventCallback","useMergedRefs","usePopoverContext_unstable","useCarousel_unstable","useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","c","handleFinish","event","data","onFinish","carousel","carouselRef","announcement","defaultValue","value","onValueChange","appearance","context","components","root","always","elementType"],"mappings":";;;;+BAMaO;;;;;;;iEANU,QAAQ;gCACiD,4BAA4B;8BAEjE,0BAA0B;0BAChC,sBAAsB;AAEpD,4CAA4C,CACjDC,OACAC;IAEA,MAAMC,iBAAaL,wCAAAA,EAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,mBAAyDT,gCAAAA,EAAiB,CAACU,OAAOC;YACtFN;SAAAA,kBAAAA,MAAMO,QAAAA,AAAQ,MAAA,QAAdP,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,OAAGX,8BAAAA,EAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,cAAcX,MAAMW,YAAY;QAChCC,OAAOZ,MAAMY,KAAK;QAClBC,eAAeb,MAAMa,aAAa;QAClCN,UAAUH;IACZ;IAEA,MAAMU,iBAAajB,wCAAAA,EAA2BkB,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMvB,oBAAAA,CAAKwB,MAAM,KACfzB,wCAAAA,EAAyB,OAAO;YAC9BQ,SAAKL,6BAAAA,EAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;QAEvB,GAAGX,QAAQ;IACb;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselContextValues.js.map

@@ -1 +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"}
+{"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"],"mappings":";;;;;;;;;;AAKO,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"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n    root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,iCAAiC;eAAjCA;;IAOyCC,yCAAyC;eAAzCA;;;uBARb;AAClC,MAAMD,oCAAoC;IAC7CE,MAAM;AACV;AACA,uCAAA;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA,CAAA;AAAA,GAAA,CAAA;AAG8B,MAAMD,4CAA6CI,CAAAA;IAC/F;IACA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,kCAAkCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC7G,OAAOF;AACX"}
+{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n    root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IACaE,iCAAiC;;;6CAOiD;eAAzCG;;;uBARb,gBAAgB;AAClD,0CAA0C;IAC7CF,IAAI,EAAE;AACV,CAAC;AACD,uCAAA;AACA,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,mDAAmDG,KAAK,IAAG;IACvG,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC9G,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.raw.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teachingPopoverCarouselClassNames: function() {
+        return teachingPopoverCarouselClassNames;
+    },
+    useTeachingPopoverCarouselStyles_unstable: function() {
+        return useTeachingPopoverCarouselStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselClassNames = {
+    root: 'fui-TeachingPopoverCarousel'
+};
+// Todo: Page change animation & styles
+const useStyles = (0, _react.makeStyles)({
+    root: {}
+});
+const useTeachingPopoverCarouselStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TeachingPopoverCarouselSlots, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselClassNames: SlotClassNames<TeachingPopoverCarouselSlots> = {\n  root: 'fui-TeachingPopoverCarousel',\n};\n\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselStyles_unstable = (state: TeachingPopoverCarouselState) => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAIaE,iCAAAA;;;6CAUAG;;;;uBAd4B,iBAAiB;AAInD,0CAAwF;IAC7FF,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,MAAME,4CAA4C,CAACC;IACxD;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,kCAAkCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAE7G,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.js.map

@@ -1 +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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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    useCustomStyleHook_unstable('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","useCustomStyleHook_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gDACiC;mDACG;4DAGG;qCAClB;AAQrC,MAAMA,8BAAAA,WAAAA,GAAqFC,OAAMC,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,uEAAAA,EAAwCH,OAAOC;IAE7DG,IAAAA,yFAAAA,EAA8CF;IAE9CG,IAAAA,gDAAAA,EAA4B,iDAAiDH;IAE7E,OAAOI,IAAAA,6EAAAA,EAA2CJ;AACpD;AAGFL,4BAA4BU,WAAW,GAAG"}
+{"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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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    useCustomStyleHook_unstable('useTeachingPopoverCarouselCardStyles_unstable')(state);\n\n    return renderTeachingPopoverCarouselCard_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["React","useTeachingPopoverCarouselCard_unstable","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverCarouselCard","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAcaK;;;;;;;iEAdU,QAAQ;gDACyB,mCAAmC;mDAChC,sCAAsC;4DAGnC,gDAAgD;qCAClE,kCAAkC;AAQvE,oCAAMA,WAAAA,GAAqFL,OAAMM,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQR,2EAAAA,EAAwCM,OAAOC;QAE7DL,yFAAAA,EAA8CM;QAE9CL,gDAAAA,EAA4B,iDAAiDK;IAE7E,WAAOP,6EAAAA,EAA2CO;AACpD,GACA;AAEFJ,4BAA4BK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map

@@ -1 +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":""}
+{"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":[],"mappings":""}

package/lib-commonjs/components/TeachingPopoverCarouselCard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselCard } from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nexport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nexport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nexport {\n  teachingPopoverCarouselCardClassNames,\n  useTeachingPopoverCarouselCardStyles_unstable,\n} from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":["TeachingPopoverCarouselCard","renderTeachingPopoverCarouselCard_unstable","teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable","useTeachingPopoverCarouselCard_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,2BAA2B;eAA3BA,wDAA2B;;IAM3BC,0CAA0C;eAA1CA,6EAA0C;;IAGjDC,qCAAqC;eAArCA,iFAAqC;;IACrCC,6CAA6C;eAA7CA,yFAA6C;;IAHtCC,uCAAuC;eAAvCA,uEAAuC;;;6CAPJ;mDAMe;gDACH;4DAIjD"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselCard } from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nexport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nexport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nexport {\n  teachingPopoverCarouselCardClassNames,\n  useTeachingPopoverCarouselCardStyles_unstable,\n} from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":["TeachingPopoverCarouselCard","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCard_unstable","teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wDAA2B;;;eAM3BC,6EAA0C;;;eAGjDE,iFAAqC;;;eACrCC,yFAA6C;;;eAHtCF,uEAAuC;;;6CAPJ,gCAAgC;mDAMjB,sCAAsC;gDACzC,mCAAmC;4DAIpF,gDAAgD"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map

@@ -1 +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"}
+{"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":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAGrB,4BAA4B;AAKjD,MAAMC,6CAA6C,CAACC;QACzDF,2BAAAA,EAA8CE;IAE9C,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map

@@ -1 +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"}
+{"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":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"mappings":";;;;+BAcaI;;;;;;;gCAdkC,4BAA4B;iEACpD,QAAQ;6BAMF,+DAA+D;AAOrF,gDAAgD,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN,yBAAAA;QACR;QACAM,MAAMR,oBAAAA,CAAKS,MAAM,CACf;YACE,OAAGV,wCAAAA,EAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR,yBAAAA;QAAa;IAEhC;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n    root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,qCAAqC;eAArCA;;IAMyCC,6CAA6C;eAA7CA;;;uBAPb;AAClC,MAAMD,wCAAwC;IACjDE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA,CAAA;AAAA,GAAA,CAAA;AAG8B,MAAMD,gDAAiDI,CAAAA;IACnG;IACA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,sCAAsCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACjH,OAAOF;AACX"}
+{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n    root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IACaE,qCAAqC;;;IAMIG,6CAA6C;;;;uBAP1D,gBAAgB;AAClD,8CAA8C;IACjDF,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,uDAAuDG,KAAK,IAAG;IAC3G,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAClH,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.raw.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    teachingPopoverCarouselCardClassNames: function() {
+        return teachingPopoverCarouselCardClassNames;
+    },
+    useTeachingPopoverCarouselCardStyles_unstable: function() {
+        return useTeachingPopoverCarouselCardStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselCardClassNames = {
+    root: 'fui-TeachingPopoverCarouselCard'
+};
+const useStyles = (0, _react.makeStyles)({
+    root: {}
+});
+const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselCardClassNames: SlotClassNames<TeachingPopoverCarouselCardSlots> = {\n  root: 'fui-TeachingPopoverCarouselCard',\n};\n\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = (state: TeachingPopoverCarouselCardState) => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAOaE,qCAAAA;;;IASAG,6CAAAA;;;;uBAhB4B,iBAAiB;AAOnD,8CAAgG;IACrGF,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,sDAAsD,CAACG;IAC5D;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,sCAAsCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAEjH,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map

@@ -1 +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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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    useCustomStyleHook_unstable('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","useCustomStyleHook_unstable","renderTeachingPopoverCarouselFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;kDACmC;qDACG;8DACG;qCAGpB;AAQrC,MAAMA,gCAAAA,WAAAA,GAAyFC,OAAMC,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,2EAAAA,EAA0CH,OAAOC;IAE/DG,IAAAA,6FAAAA,EAAgDF;IAEhDG,IAAAA,gDAAAA,EAA4B,mDAAmDH;IAE/E,OAAOI,IAAAA,iFAAAA,EAA6CJ;AACtD;AAGFL,8BAA8BU,WAAW,GAAG"}
+{"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';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\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    useCustomStyleHook_unstable('useTeachingPopoverCarouselFooterStyles_unstable')(state);\n\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["React","useTeachingPopoverCarouselFooter_unstable","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverCarouselFooter","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAcaK;;;;;;;iEAdU,QAAQ;kDAC2B,qCAAqC;qDAClC,wCAAwC;8DACrC,kDAAkD;qCAGtE,kCAAkC;AAQvE,sCAAMA,WAAAA,GAAyFL,OAAMM,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQR,+EAAAA,EAA0CM,OAAOC;QAE/DL,6FAAAA,EAAgDM;QAEhDL,gDAAAA,EAA4B,mDAAmDK;IAE/E,WAAOP,iFAAAA,EAA6CO;AACtD,GACA;AAEFJ,8BAA8BK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map

@@ -1 +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"}
+{"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":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselFooter } from './TeachingPopoverCarouselFooter';\nexport type {\n  TeachingPopoverCarouselFooterLayout,\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n  TeachingPopoverPageCountChildRenderFunction,\n} from './TeachingPopoverCarouselFooter.types';\nexport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nexport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nexport {\n  teachingPopoverCarouselFooterClassNames,\n  useTeachingPopoverCarouselFooterStyles_unstable,\n} from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":["TeachingPopoverCarouselFooter","renderTeachingPopoverCarouselFooter_unstable","teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable","useTeachingPopoverCarouselFooter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,6BAA6B;eAA7BA,4DAA6B;;IAQ7BC,4CAA4C;eAA5CA,iFAA4C;;IAGnDC,uCAAuC;eAAvCA,qFAAuC;;IACvCC,+CAA+C;eAA/CA,6FAA+C;;IAHxCC,yCAAyC;eAAzCA,2EAAyC;;;+CATJ;qDAQe;kDACH;8DAInD"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselFooter } from './TeachingPopoverCarouselFooter';\nexport type {\n  TeachingPopoverCarouselFooterLayout,\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n  TeachingPopoverPageCountChildRenderFunction,\n} from './TeachingPopoverCarouselFooter.types';\nexport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nexport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nexport {\n  teachingPopoverCarouselFooterClassNames,\n  useTeachingPopoverCarouselFooterStyles_unstable,\n} from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":["TeachingPopoverCarouselFooter","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooter_unstable","teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4DAA6B;;;eAQ7BC,iFAA4C;;;eAGnDE,qFAAuC;;;eACvCC,6FAA+C;;;eAHxCF,2EAAyC;;;+CATJ,kCAAkC;qDAQnB,wCAAwC;kDAC3C,qCAAqC;8DAIxF,kDAAkD"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map

@@ -1 +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"}
+{"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":["assertSlots","renderTeachingPopoverCarouselFooter_unstable","state","layout","root","previous","children","next"],"mappings":";;;;+BASaC;;;;;;4BARb,iCAAiD;gCAGrB,4BAA4B;AAKjD,qDAAqD,CAACC;QAC3DF,2BAAAA,EAAgDE;IAEhD,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,OAAA,WAAA,OACE,gBAAA,EAACA,MAAME,IAAI,EAAA;;YACRD,WAAW,cAAcD,MAAMG,QAAQ,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,QAAQ,EAAA,CAAA;YAC1DH,MAAME,IAAI,CAACE,QAAQ;YACnBH,WAAW,YAAYD,MAAMG,QAAQ,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,QAAQ,EAAA,CAAA;8BACzD,eAAA,EAACH,MAAMK,IAAI,EAAA,CAAA;;;AAGjB,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map

@@ -1 +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"}
+{"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":["getIntrinsicElementProps","slot","React","TeachingPopoverCarouselFooterButton","useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","optional","defaultProps","navType","altText","renderByDefault","elementType","next","always","components","root"],"mappings":";;;;+BASaI;;;;;;;gCATkC,4BAA4B;iEACpD,QAAQ;qDAMqB,6EAA6E;AAE1H,kDAAkD,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWT,oBAAAA,CAAKU,QAAQ,CAACN,MAAMK,QAAQ,EAAE;QAC7CE,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAO,iBAAiB;QACjBC,aAAab,wEAAAA;IACf;IAEA,MAAMc,OAAOhB,oBAAAA,CAAKiB,MAAM,CAACb,MAAMY,IAAI,EAAE;QACnCL,cAAc;YACZC,SAAS;YACTC,SAASL;QACX;QACAO,aAAab,wEAAAA;IACf;IAEA,OAAO;QACLI;QACAY,YAAY;YACVC,MAAM;YACNH,MAAMd,wEAAAA;YACNO,UAAUP,wEAAAA;QACZ;QACAiB,MAAMnB,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBN;QACAO;IACF;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooter',\n    previous: 'fui-TeachingPopoverCarouselFooter__previous',\n    next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row'\n    },\n    rootCentered: {\n        justifyContent: 'space-between',\n        gap: '8px'\n    },\n    rootRightAligned: {\n        gap: '8px',\n        '& :first-child': {\n            marginInlineEnd: 'auto'\n        }\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { layout } = state;\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n    if (state.previous) {\n        state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n    }\n    state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable","root","previous","next","useStyles","__styles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","state","styles","layout","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,uCAAuC;eAAvCA;;IAsByCC,+CAA+C;eAA/CA;;;uBAvBb;AAClC,MAAMD,0CAA0C;IACnDE,MAAM;IACNC,UAAU;IACVC,MAAM;AACV;AACA,uCAAA;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,MAAA;QAAAK,QAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,kBAAA;QAAAH,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAE,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAgB8B,MAAMhB,kDAAmDiB,CAAAA;IACrG;IACA,MAAMC,SAASd;IACf,MAAM,EAAEe,MAAAA,EAAQ,GAAGF;IACnBA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCE,IAAI,EAAEiB,OAAOjB,IAAI,EAAEkB,WAAW,aAAaD,OAAOV,YAAY,GAAGU,OAAOL,gBAAgB,EAAEI,MAAMhB,IAAI,CAACmB,SAAS;IAC1L,IAAIH,MAAMf,QAAQ,EAAE;QAChBe,MAAMf,QAAQ,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCG,QAAQ,EAAEe,MAAMf,QAAQ,CAACkB,SAAS;IACtH;IACAH,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCI,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACtG,OAAOH;AACX"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooter',\n    previous: 'fui-TeachingPopoverCarouselFooter__previous',\n    next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row'\n    },\n    rootCentered: {\n        justifyContent: 'space-between',\n        gap: '8px'\n    },\n    rootRightAligned: {\n        gap: '8px',\n        '& :first-child': {\n            marginInlineEnd: 'auto'\n        }\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { layout } = state;\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n    if (state.previous) {\n        state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n    }\n    state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"mappings":";;;;;;;;;;;IACaE,uCAAuC;;;mDAsBiD;eAA/CgB;;;uBAvBb,gBAAgB;AAClD,gDAAgD;IACnDf,IAAI,EAAE,mCAAmC;IACzCC,QAAQ,EAAE,6CAA6C;IACvDC,IAAI,EAAE;AACV,CAAC;AACD,uCAAA;AACA,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAE,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAejB,CAAC;AAC8C,yDAAyDE,KAAK,IAAG;IAC7G,aAAa;IACb,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEe,MAAAA,EAAQ,GAAGF,KAAK;IACxBA,KAAK,CAAChB,IAAI,CAACmB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACC,IAAI,EAAEiB,MAAM,CAACjB,IAAI,EAAEkB,MAAM,KAAK,UAAU,GAAGD,MAAM,CAACX,YAAY,GAAGW,MAAM,CAACN,gBAAgB,EAAEK,KAAK,CAAChB,IAAI,CAACmB,SAAS,CAAC;IAC3L,IAAIH,KAAK,CAACf,QAAQ,EAAE;QAChBe,KAAK,CAACf,QAAQ,CAACkB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACE,QAAQ,EAAEe,KAAK,CAACf,QAAQ,CAACkB,SAAS,CAAC;IACvH;IACAH,KAAK,CAACd,IAAI,CAACiB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACG,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;IACvG,OAAOH,KAAK;AAChB,CAAC"}