@fluentui/react-teaching-popover 9.1.9 → 9.1.10

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, EventHandler, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { CarouselValueChangeData } 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> & {\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\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":"AA6CA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarousel';\nexport * from './TeachingPopoverCarousel.types';\nexport * from './renderTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarouselStyles.styles';\nexport * from './useTeachingPopoverCarouselContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarousel';\nexport * from './TeachingPopoverCarousel.types';\nexport * from './renderTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarousel';\nexport * from './useTeachingPopoverCarouselStyles.styles';\nexport * from './useTeachingPopoverCarouselContextValues';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarousel.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { CarouselProvider } from './Carousel/CarouselContext';\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */ export const renderTeachingPopoverCarousel_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(CarouselProvider, {\n        value: contextValues.carousel,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderTeachingPopoverCarousel_unstable","state","contextValues","assertSlots","_jsx","CarouselProvider","value","carousel","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;iCACK;AAGtB,MAAMA,yCAAyC,CAACC,OAAOC;IAC9DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,iCAAgB,EAAE;QACxCC,OAAOJ,cAAcK,QAAQ;QAC7BC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}
+{"version":3,"sources":["renderTeachingPopoverCarousel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselState,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselContextValues,\n} from './TeachingPopoverCarousel.types';\nimport { CarouselProvider } from './Carousel/CarouselContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarousel\n */\nexport const renderTeachingPopoverCarousel_unstable = (\n  state: TeachingPopoverCarouselState,\n  contextValues: TeachingPopoverCarouselContextValues,\n) => {\n  assertSlots<TeachingPopoverCarouselSlots>(state);\n\n  return (\n    <CarouselProvider value={contextValues.carousel}>\n      <state.root />\n    </CarouselProvider>\n  );\n};\n"],"names":["renderTeachingPopoverCarousel_unstable","state","contextValues","assertSlots","_jsx","CarouselProvider","value","carousel","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;iCAMK;AAK1B,MAAMA,yCAAyC,CACpDC,OACAC;IAEAC,IAAAA,2BAAAA,EAA0CF;IAE1C,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,iCAAAA,EAAAA;QAAiBC,OAAOJ,cAAcK,QAAQ;kBAC7C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarousel.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable } from './Carousel/Carousel';\nexport const useTeachingPopoverCarousel_unstable = (props, ref)=>{\n    const toggleOpen = usePopoverContext_unstable((c)=>c.toggleOpen);\n    const handleFinish = useEventCallback((event, data)=>{\n        var _props_onFinish;\n        (_props_onFinish = props.onFinish) === null || _props_onFinish === void 0 ? void 0 : _props_onFinish.call(props, event, data);\n        toggleOpen(event);\n    });\n    const { carousel, carouselRef } = useCarousel_unstable({\n        defaultValue: props.defaultValue,\n        value: props.value,\n        onValueChange: props.onValueChange,\n        onFinish: handleFinish\n    });\n    const appearance = usePopoverContext_unstable((context)=>context.appearance);\n    return {\n        appearance,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(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","_props_onFinish","onFinish","call","carousel","carouselRef","useCarousel_unstable","defaultValue","value","onValueChange","appearance","context","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;gCACyD;8BACrC;0BACN;AAC9B,MAAMA,sCAAsC,CAACC,OAAOC;IACvD,MAAMC,aAAaC,IAAAA,wCAA0B,EAAC,CAACC,IAAIA,EAAEF,UAAU;IAC/D,MAAMG,eAAeC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC;QAC1C,IAAIC;QACHA,CAAAA,kBAAkBT,MAAMU,QAAQ,AAAD,MAAO,QAAQD,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBE,IAAI,CAACX,OAAOO,OAAOC;QACxHN,WAAWK;IACf;IACA,MAAM,EAAEK,QAAQ,EAAEC,WAAW,EAAE,GAAGC,IAAAA,8BAAoB,EAAC;QACnDC,cAAcf,MAAMe,YAAY;QAChCC,OAAOhB,MAAMgB,KAAK;QAClBC,eAAejB,MAAMiB,aAAa;QAClCP,UAAUL;IACd;IACA,MAAMa,aAAaf,IAAAA,wCAA0B,EAAC,CAACgB,UAAUA,QAAQD,UAAU;IAC3E,OAAO;QACHA;QACAE,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CvB,KAAKwB,IAAAA,6BAAa,EAACxB,KAAKY;YACxB,GAAGb,KAAK;QACZ,IAAI;YACA0B,aAAa;QACjB;QACA,GAAGd,QAAQ;IACf;AACJ"}
+{"version":3,"sources":["useTeachingPopoverCarousel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselProps, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable, type UseCarouselOptions } from './Carousel/Carousel';\n\nexport const useTeachingPopoverCarousel_unstable = (\n  props: TeachingPopoverCarouselProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n  const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n  const handleFinish: UseCarouselOptions['onFinish'] = useEventCallback((event, data) => {\n    props.onFinish?.(event, data);\n    toggleOpen(event as React.MouseEvent<HTMLElement>);\n  });\n\n  const { carousel, carouselRef } = useCarousel_unstable({\n    defaultValue: props.defaultValue,\n    value: props.value,\n    onValueChange: props.onValueChange,\n    onFinish: handleFinish,\n  });\n\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  return {\n    appearance,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, carouselRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    ...carousel,\n  };\n};\n"],"names":["useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","usePopoverContext_unstable","c","handleFinish","useEventCallback","event","data","onFinish","carousel","carouselRef","useCarousel_unstable","defaultValue","value","onValueChange","appearance","context","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;gCACyD;8BAErC;0BACmB;AAEvD,MAAMA,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,IAAKA,EAAEF,UAAU;IAC/D,MAAMG,eAA+CC,IAAAA,gCAAAA,EAAiB,CAACC,OAAOC;YAC5ER;QAAAA,CAAAA,kBAAAA,MAAMS,QAAQ,AAARA,MAAQ,QAAdT,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBO,OAAOC;QACxBN,WAAWK;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGC,IAAAA,8BAAAA,EAAqB;QACrDC,cAAcb,MAAMa,YAAY;QAChCC,OAAOd,MAAMc,KAAK;QAClBC,eAAef,MAAMe,aAAa;QAClCN,UAAUJ;IACZ;IAEA,MAAMW,aAAab,IAAAA,wCAAAA,EAA2Bc,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BrB,KAAKsB,IAAAA,6BAAAA,EAActB,KAAKU;YACxB,GAAGX,KAAK;QACV,IACA;YAAEwB,aAAa;QAAM;QAEvB,GAAGd,QAAQ;IACb;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselContextValues.js"],"sourcesContent":["export function useTeachingPopoverCarouselContextValues_unstable(state) {\n    const { store, value, selectPageByValue, selectPageByDirection } = state;\n    const carousel = {\n        store,\n        value,\n        selectPageByDirection,\n        selectPageByValue\n    };\n    return {\n        carousel\n    };\n}\n"],"names":["useTeachingPopoverCarouselContextValues_unstable","state","store","value","selectPageByValue","selectPageByDirection","carousel"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,iDAAiDC,KAAK;IAClE,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ;IACnE,MAAMK,WAAW;QACbJ;QACAC;QACAE;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}
+{"version":3,"sources":["useTeachingPopoverCarouselContextValues.ts"],"sourcesContent":["import type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\n\nexport function useTeachingPopoverCarouselContextValues_unstable(\n  state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselContextValues {\n  const { store, value, selectPageByValue, selectPageByDirection } = state;\n\n  const carousel = {\n    store,\n    value,\n    selectPageByDirection,\n    selectPageByValue,\n  };\n\n  return { carousel };\n}\n"],"names":["useTeachingPopoverCarouselContextValues_unstable","state","store","value","selectPageByValue","selectPageByDirection","carousel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKgBA;;;eAAAA;;;AAAT,SAASA,iDACdC,KAAmC;IAEnC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,MAAMK,WAAW;QACfJ;QACAC;QACAE;QACAD;IACF;IAEA,OAAO;QAAEE;IAAS;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n  root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map"],"names":["teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iCAAiC;eAAjCA;;IAQAC,yCAAyC;eAAzCA;;;uBAT0B;AAChC,MAAMD,oCAAoC;IAC/CE,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,4CAA4CI,CAAAA;IACvD;IAEA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,kCAAkCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC7G,OAAOF;AACT,GACA,mEAAmE"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselCard.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\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 */ export const TeachingPopoverCarouselCard = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n    useTeachingPopoverCarouselCardStyles_unstable(state);\n    return renderTeachingPopoverCarouselCard_unstable(state);\n});\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["TeachingPopoverCarouselCard","React","forwardRef","props","ref","state","useTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;gDACiC;mDACG;4DACG;AAMnD,MAAMA,8BAA8B,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClF,MAAMC,QAAQC,IAAAA,uEAAuC,EAACH,OAAOC;IAC7DG,IAAAA,yFAA6C,EAACF;IAC9C,OAAOG,IAAAA,6EAA0C,EAACH;AACtD;AACAL,4BAA4BS,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport type { TeachingPopoverCarouselCardProps } from './TeachingPopoverCarouselCard.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\n\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */\nexport const TeachingPopoverCarouselCard: ForwardRefComponent<TeachingPopoverCarouselCardProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n\n    useTeachingPopoverCarouselCardStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselCard_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["TeachingPopoverCarouselCard","React","forwardRef","props","ref","state","useTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gDACiC;mDACG;4DAGG;AAQvD,MAAMA,8BAAAA,WAAAA,GAAqFC,OAAMC,UAAU,CAChH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,uEAAAA,EAAwCH,OAAOC;IAE7DG,IAAAA,yFAAAA,EAA8CF;IAE9C,OAAOG,IAAAA,6EAAAA,EAA2CH;AACpD;AAGFL,4BAA4BS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TeachingPopoverCarouselCard.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselItemProps } from '../TeachingPopoverCarousel/Carousel/CarouselItem/CarouselItem.types';\n\nexport type TeachingPopoverCarouselCardSlots = {\n  /**\n   * The element wrapping the buttons.\n   */\n  root: NonNullable<Slot<CarouselItemProps>>;\n};\n\nexport type TeachingPopoverCarouselCardProps = ComponentProps<TeachingPopoverCarouselCardSlots> & {\n  /* Required: Passed into CarouselItem to identify pages. */\n  value: string;\n};\n\nexport type TeachingPopoverCarouselCardState = ComponentState<TeachingPopoverCarouselCardSlots> &\n  Required<Pick<TeachingPopoverCarouselCardProps, 'value'>>;\n"],"names":[],"rangeMappings":"","mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselCard.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */ export const renderTeachingPopoverCarouselCard_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTeachingPopoverCarouselCard_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,6CAA6C,CAACC;IAC3DC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n  assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselCard_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,6CAA6C,CAACC;IACzDC,IAAAA,2BAAAA,EAA8CD;IAE9C,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselCard.js"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\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 */ export const useTeachingPopoverCarouselCard_unstable = (props, ref)=>{\n    const { value } = props;\n    return {\n        value,\n        components: {\n            root: CarouselItem\n        },\n        root: slot.always({\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"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;gCAP8B;iEACxB;6BACM;AAKlB,MAAMA,0CAA0C,CAACC,OAAOC;IAC/D,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAClB,OAAO;QACHE;QACAC,YAAY;YACRC,MAAMC,yBAAY;QACtB;QACAD,MAAME,oBAAI,CAACC,MAAM,CAAC;YACd,GAAGC,IAAAA,wCAAwB,EAAC,OAAO;gBAC/BP;gBACA,GAAGD,KAAK;YACZ,EAAE;YACFE;QACJ,GAAG;YACCO,aAAaJ,yBAAY;QAC7B;IACJ;AACJ"}
+{"version":3,"sources":["useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n  props: TeachingPopoverCarouselCardProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n  const { value } = props;\n\n  return {\n    value,\n    components: {\n      root: CarouselItem,\n    },\n    root: slot.always(\n      {\n        ...getIntrinsicElementProps('div', {\n          ref,\n          ...props,\n        }),\n        value,\n      },\n      { elementType: CarouselItem },\n    ),\n  };\n};\n"],"names":["useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","CarouselItem","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;gCAdkC;iEACxB;6BAMM;AAOtB,MAAMA,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMC,yBAAAA;QACR;QACAD,MAAME,oBAAAA,CAAKC,MAAM,CACf;YACE,GAAGC,IAAAA,wCAAAA,EAAyB,OAAO;gBACjCP;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEO,aAAaJ,yBAAAA;QAAa;IAEhC;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n  root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map"],"names":["teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,qCAAqC;eAArCA;;IAOAC,6CAA6C;eAA7CA;;;uBAR0B;AAChC,MAAMD,wCAAwC;IACnDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,gDAAgDI,CAAAA;IAC3D;IAEA,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,sCAAsCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACjH,OAAOF;AACT,GACA,uEAAuE"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\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 */ export const TeachingPopoverCarouselFooter = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n    useTeachingPopoverCarouselFooterStyles_unstable(state);\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n});\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["TeachingPopoverCarouselFooter","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","renderTeachingPopoverCarouselFooter_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;kDACmC;qDACG;8DACG;AAMrD,MAAMA,gCAAgC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpF,MAAMC,QAAQC,IAAAA,2EAAyC,EAACH,OAAOC;IAC/DG,IAAAA,6FAA+C,EAACF;IAChD,OAAOG,IAAAA,iFAA4C,EAACH;AACxD;AACAL,8BAA8BS,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["TeachingPopoverCarouselFooter","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","renderTeachingPopoverCarouselFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;kDACmC;qDACG;8DACG;AAUzD,MAAMA,gCAAAA,WAAAA,GAAyFC,OAAMC,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,2EAAAA,EAA0CH,OAAOC;IAE/DG,IAAAA,6FAAAA,EAAgDF;IAEhD,OAAOG,IAAAA,iFAAAA,EAA6CH;AACtD;AAGFL,8BAA8BS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooter.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["TeachingPopoverCarouselFooter.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselFooterButtonProps } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types';\n\nexport type TeachingPopoverCarouselFooterSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The previous button slot.\n   */\n  previous?: Slot<TeachingPopoverCarouselFooterButtonProps>;\n\n  /**\n   * The next button slot.\n   */\n  next: NonNullable<Slot<TeachingPopoverCarouselFooterButtonProps>>;\n};\n\nexport type TeachingPopoverCarouselFooterLayout = 'offset' | 'centered';\n\n// For localization or customization, users may want to modify this for their own purposes\nexport type TeachingPopoverPageCountChildRenderFunction = (currentPage: number, totalPages: number) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselFooter Props\n */\nexport type TeachingPopoverCarouselFooterProps = ComponentProps<TeachingPopoverCarouselFooterSlots> & {\n  /**\n   * Controls whether buttons will be centered (balanced) or right aligned\n   * Defaults to 'centered'.\n   */\n  layout?: TeachingPopoverCarouselFooterLayout;\n\n  /**\n   * The text to be displayed on the initial step of carousel\n   */\n  initialStepText: string;\n\n  /**\n   * The text to be displayed on the final step of carousel\n   */\n  finalStepText: string;\n};\n\n/**\n * TeachingPopoverCarouselFooter State and Context Hooks\n */\nexport type TeachingPopoverCarouselFooterState = ComponentState<Required<TeachingPopoverCarouselFooterSlots>> &\n  Pick<TeachingPopoverCarouselFooterProps, 'layout'>;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselFooter.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */ export const renderTeachingPopoverCarouselFooter_unstable = (state)=>{\n    assertSlots(state);\n    const { layout } = state;\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            layout === 'centered' && state.previous && /*#__PURE__*/ _jsx(state.previous, {}),\n            state.root.children,\n            layout === 'offset' && state.previous && /*#__PURE__*/ _jsx(state.previous, {}),\n            /*#__PURE__*/ _jsx(state.next, {})\n        ]\n    });\n};\n"],"names":["renderTeachingPopoverCarouselFooter_unstable","state","assertSlots","layout","_jsxs","root","children","previous","_jsx","next"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,+CAA+C,CAACC;IAC7DC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,MAAM,EAAE,GAAGF;IACnB,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACH,MAAMI,IAAI,EAAE;QACnCC,UAAU;YACNH,WAAW,cAAcF,MAAMM,QAAQ,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMM,QAAQ,EAAE,CAAC;YAC/EN,MAAMI,IAAI,CAACC,QAAQ;YACnBH,WAAW,YAAYF,MAAMM,QAAQ,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMM,QAAQ,EAAE,CAAC;YAC7E,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMQ,IAAI,EAAE,CAAC;SACnC;IACL;AACJ"}
+{"version":3,"sources":["renderTeachingPopoverCarouselFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselFooterState } from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterSlots } from './TeachingPopoverCarouselFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */\nexport const renderTeachingPopoverCarouselFooter_unstable = (state: TeachingPopoverCarouselFooterState) => {\n  assertSlots<TeachingPopoverCarouselFooterSlots>(state);\n\n  const { layout } = state;\n\n  return (\n    <state.root>\n      {layout === 'centered' && state.previous && <state.previous />}\n      {state.root.children}\n      {layout === 'offset' && state.previous && <state.previous />}\n      <state.next />\n    </state.root>\n  );\n};\n"],"names":["renderTeachingPopoverCarouselFooter_unstable","state","assertSlots","layout","_jsxs","root","previous","_jsx","children","next"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,+CAA+C,CAACC;IAC3DC,IAAAA,2BAAAA,EAAgDD;IAEhD,MAAM,EAAEE,MAAM,EAAE,GAAGF;IAEnB,OAAA,WAAA,GACEG,IAAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;YACRF,WAAW,cAAcF,MAAMK,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,QAAQ,EAAA,CAAA;YAC1DL,MAAMI,IAAI,CAACG,QAAQ;YACnBL,WAAW,YAAYF,MAAMK,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,QAAQ,EAAA,CAAA;0BACzDC,IAAAA,eAAA,EAACN,MAAMQ,IAAI,EAAA,CAAA;;;AAGjB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooter.js"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\nexport const useTeachingPopoverCarouselFooter_unstable = (props, ref)=>{\n    const { layout = 'centered', initialStepText, finalStepText } = props;\n    const previous = slot.optional(props.previous, {\n        defaultProps: {\n            navType: 'prev',\n            altText: initialStepText\n        },\n        renderByDefault: true,\n        elementType: TeachingPopoverCarouselFooterButton\n    });\n    const next = slot.always(props.next, {\n        defaultProps: {\n            navType: 'next',\n            altText: finalStepText\n        },\n        elementType: TeachingPopoverCarouselFooterButton\n    });\n    return {\n        layout,\n        components: {\n            root: 'div',\n            next: TeachingPopoverCarouselFooterButton,\n            previous: TeachingPopoverCarouselFooterButton\n        },\n        root: slot.always(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"],"mappings":";;;;+BAGaA;;;eAAAA;;;;gCAHkC;iEACxB;qDAC6B;AAC7C,MAAMA,4CAA4C,CAACC,OAAOC;IAC7D,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAChE,MAAMK,WAAWC,oBAAI,CAACC,QAAQ,CAACP,MAAMK,QAAQ,EAAE;QAC3CG,cAAc;YACVC,SAAS;YACTC,SAASP;QACb;QACAQ,iBAAiB;QACjBC,aAAaC,wEAAmC;IACpD;IACA,MAAMC,OAAOR,oBAAI,CAACS,MAAM,CAACf,MAAMc,IAAI,EAAE;QACjCN,cAAc;YACVC,SAAS;YACTC,SAASN;QACb;QACAQ,aAAaC,wEAAmC;IACpD;IACA,OAAO;QACHX;QACAc,YAAY;YACRC,MAAM;YACNH,MAAMD,wEAAmC;YACzCR,UAAUQ,wEAAmC;QACjD;QACAI,MAAMX,oBAAI,CAACS,MAAM,CAACG,IAAAA,wCAAwB,EAAC,OAAO;YAC9CjB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAY,aAAa;QACjB;QACAP;QACAS;IACJ;AACJ"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\n\nexport const useTeachingPopoverCarouselFooter_unstable = (\n  props: TeachingPopoverCarouselFooterProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselFooterState => {\n  const { layout = 'centered', initialStepText, finalStepText } = props;\n\n  const previous = slot.optional(props.previous, {\n    defaultProps: {\n      navType: 'prev',\n      altText: initialStepText,\n    },\n    renderByDefault: true,\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  const next = slot.always(props.next, {\n    defaultProps: {\n      navType: 'next',\n      altText: finalStepText,\n    },\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  return {\n    layout,\n    components: {\n      root: 'div',\n      next: TeachingPopoverCarouselFooterButton,\n      previous: TeachingPopoverCarouselFooterButton,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    previous,\n    next,\n  };\n};\n"],"names":["useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","slot","optional","defaultProps","navType","altText","renderByDefault","elementType","TeachingPopoverCarouselFooterButton","next","always","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;gCATkC;iEACxB;qDAM6B;AAE7C,MAAMA,4CAA4C,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWC,oBAAAA,CAAKC,QAAQ,CAACP,MAAMK,QAAQ,EAAE;QAC7CG,cAAc;YACZC,SAAS;YACTC,SAASP;QACX;QACAQ,iBAAiB;QACjBC,aAAaC,wEAAAA;IACf;IAEA,MAAMC,OAAOR,oBAAAA,CAAKS,MAAM,CAACf,MAAMc,IAAI,EAAE;QACnCN,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAQ,aAAaC,wEAAAA;IACf;IAEA,OAAO;QACLX;QACAc,YAAY;YACVC,MAAM;YACNH,MAAMD,wEAAAA;YACNR,UAAUQ,wEAAAA;QACZ;QACAI,MAAMX,oBAAAA,CAAKS,MAAM,CACfG,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BjB;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBP;QACAS;IACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  rootCentered: {\n    Brf1p80: \"f1869bpl\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\"\n  },\n  rootRightAligned: {\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\",\n    Bp34fd5: \"f1y65ohq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1869bpl{justify-content:space-between;}\", [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], \".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    layout\n  } = 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//# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map"],"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"],"mappings":";;;;;;;;;;;IACaA,uCAAuC;eAAvCA;;IA+BAC,+CAA+C;eAA/CA;;;uBAhC0B;AAChC,MAAMD,0CAA0C;IACrDE,MAAM;IACNC,UAAU;IACVC,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,kBAAkB;QAChBH,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRE,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA6C;YAAC;YAAuB;gBACpIC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuB;gBAC1BA,GAAG,CAAC;YACN;SAAE;QAAE;KAA0E;AAChF;AAEO,MAAMhB,kDAAkDiB,CAAAA;IAC7D;IAEA,MAAMC,SAASd;IACf,MAAM,EACJe,MAAM,EACP,GAAGF;IACJA,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;QAClBe,MAAMf,QAAQ,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCG,QAAQ,EAAEe,MAAMf,QAAQ,CAACkB,SAAS;IACpH;IACAH,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,wCAAwCI,IAAI,EAAEc,MAAMd,IAAI,CAACiB,SAAS;IACtG,OAAOH;AACT,GACA,yEAAyE"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooterButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */ export const TeachingPopoverCarouselFooterButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n    useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n    return renderTeachingPopoverCarouselFooterButton_unstable(state);\n});\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverCarouselFooterButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","renderTeachingPopoverCarouselFooterButton_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;wDACyC;2DACG;oEACG;AAM3D,MAAMA,sCAAsC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1F,MAAMC,QAAQC,IAAAA,uFAA+C,EAACH,OAAOC;IACrEG,IAAAA,yGAAqD,EAACF;IACtD,OAAOG,IAAAA,6FAAkD,EAACH;AAC9D;AACAL,oCAAoCS,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\nimport type { TeachingPopoverCarouselFooterButtonProps } from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */\nexport const TeachingPopoverCarouselFooterButton: ForwardRefComponent<TeachingPopoverCarouselFooterButtonProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooterButton_unstable(state);\n  });\n\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverCarouselFooterButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","renderTeachingPopoverCarouselFooterButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;wDAEyC;2DACG;oEACG;AAS/D,MAAMA,sCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,uFAAAA,EAAgDH,OAAOC;IAErEG,IAAAA,yGAAAA,EAAsDF;IAEtD,OAAOG,IAAAA,6FAAAA,EAAmDH;AAC5D;AAEFL,oCAAoCS,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering TeachingPopoverCarouselFooterButton
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { ReactNode } from 'react';\n\nexport type TeachingPopoverCarouselFooterButtonSlots = {\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselFooterButton Props\n */\nexport type TeachingPopoverCarouselFooterButtonProps = ComponentProps<TeachingPopoverCarouselFooterButtonSlots> &\n  ButtonProps & {\n    /**\n     * Defines whether the button should be next or previous type - used for both styling and functionality.\n     */\n    navType: 'next' | 'prev';\n\n    /**\n     * The ReactNode provided to the button when it is on it's first (navType 'prev') or last (navType 'next') step\n     */\n    altText: ReactNode;\n  };\n\n/**\n * State used in rendering TeachingPopoverCarouselFooterButton\n */\nexport type TeachingPopoverCarouselFooterButtonState = ButtonState &\n  ComponentState<TeachingPopoverCarouselFooterButtonSlots> &\n  Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'> & {\n    /* Rename popover appearance to prevent conflict with button appearance */\n    popoverAppearance: PopoverContextValue['appearance'];\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AA0BA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselFooterButton.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */ export const renderTeachingPopoverCarouselFooterButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTeachingPopoverCarouselFooterButton_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,qDAAqD,CAACC;IACnEC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonState,\n  TeachingPopoverCarouselFooterButtonSlots,\n} from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */\nexport const renderTeachingPopoverCarouselFooterButton_unstable = (state: TeachingPopoverCarouselFooterButtonState) => {\n  assertSlots<TeachingPopoverCarouselFooterButtonSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselFooterButton_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,qDAAqD,CAACC;IACjEC,IAAAA,2BAAAA,EAAsDD;IAEtD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */ export const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{\n    const { navType, altText } = props;\n    const popoverAppearance = usePopoverContext_unstable((context)=>context.appearance);\n    const selectPageByDirection = useCarouselContext_unstable((c)=>c.selectPageByDirection);\n    const values = useCarouselValues_unstable((snapshot)=>snapshot);\n    const activeValue = useCarouselContext_unstable((c)=>c.value);\n    const handleClick = (event)=>{\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        selectPageByDirection(event, navType);\n    };\n    const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n    const isTrailing = React.useMemo(()=>{\n        if (!activeValue) {\n            return false;\n        }\n        if (navType === 'prev') {\n            return values.indexOf(activeValue) === 0;\n        }\n        return values.indexOf(activeValue) === values.length - 1;\n    }, [\n        navType,\n        activeValue,\n        values\n    ]);\n    let buttonAppearanceType;\n    if (navType === 'next') {\n        buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n    } else {\n        buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n    }\n    /* Handle altText on trailing step */ let buttonChild = props.children;\n    if (isTrailing) {\n        buttonChild = altText;\n    }\n    return {\n        ...useButton_unstable({\n            appearance: buttonAppearanceType,\n            ...props\n        }, ref),\n        navType,\n        popoverAppearance,\n        altText,\n        // Override useButton root slot\n        root: slot.always(getIntrinsicElementProps('button', {\n            ref,\n            appearance: buttonAppearanceType,\n            ...props,\n            onClick: handleButtonClick,\n            children: buttonChild\n        }), {\n            elementType: 'button'\n        })\n    };\n};\n"],"names":["useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","usePopoverContext_unstable","context","appearance","selectPageByDirection","useCarouselContext_unstable","c","values","useCarouselValues_unstable","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","useEventCallback","mergeCallbacks","onClick","isTrailing","React","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","useButton_unstable","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAeiBA;;;eAAAA;;;;iEAfM;gCACwC;8BACpB;iCACC;6BAET;mCACQ;AAShC,MAAMA,kDAAkD,CAACC,OAAOC;IACvE,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAC7B,MAAMI,oBAAoBC,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBC,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEF,qBAAqB;IACtF,MAAMG,SAASC,IAAAA,6CAA0B,EAAC,CAACC,WAAWA;IACtD,MAAMC,cAAcL,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEK,KAAK;IAC5D,MAAMC,cAAc,CAACC;QACjB,IAAIA,MAAMC,kBAAkB,IAAI;YAC5B;QACJ;QACAV,sBAAsBS,OAAOf;IACjC;IACA,MAAMiB,oBAAoBC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACL,aAAahB,MAAMsB,OAAO;IACpF,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC7B,IAAI,CAACX,aAAa;YACd,OAAO;QACX;QACA,IAAIZ,YAAY,QAAQ;YACpB,OAAOS,OAAOe,OAAO,CAACZ,iBAAiB;QAC3C;QACA,OAAOH,OAAOe,OAAO,CAACZ,iBAAiBH,OAAOgB,MAAM,GAAG;IAC3D,GAAG;QACCzB;QACAY;QACAH;KACH;IACD,IAAIiB;IACJ,IAAI1B,YAAY,QAAQ;QACpB0B,uBAAuBxB,sBAAsB,UAAUyB,YAAY;IACvE,OAAO;QACHD,uBAAuBxB,sBAAsB,UAAU,YAAYyB;IACvE;IACA,mCAAmC,GAAG,IAAIC,cAAc9B,MAAM+B,QAAQ;IACtE,IAAIR,YAAY;QACZO,cAAc3B;IAClB;IACA,OAAO;QACH,GAAG6B,IAAAA,+BAAkB,EAAC;YAClBzB,YAAYqB;YACZ,GAAG5B,KAAK;QACZ,GAAGC,IAAI;QACPC;QACAE;QACAD;QACA,+BAA+B;QAC/B8B,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,UAAU;YACjDnC;YACAM,YAAYqB;YACZ,GAAG5B,KAAK;YACRsB,SAASH;YACTY,UAAUD;QACd,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */\nexport const useTeachingPopoverCarouselFooterButton_unstable = (\n  props: TeachingPopoverCarouselFooterButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselFooterButtonState => {\n  const { navType, altText } = props;\n\n  const popoverAppearance = usePopoverContext_unstable(context => context.appearance);\n  const selectPageByDirection = useCarouselContext_unstable(c => c.selectPageByDirection);\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n  const activeValue = useCarouselContext_unstable(c => c.value);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    selectPageByDirection(event, navType);\n  };\n\n  const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n\n  const isTrailing = React.useMemo(() => {\n    if (!activeValue) {\n      return false;\n    }\n\n    if (navType === 'prev') {\n      return values.indexOf(activeValue) === 0;\n    }\n\n    return values.indexOf(activeValue) === values.length - 1;\n  }, [navType, activeValue, values]);\n\n  let buttonAppearanceType: 'primary' | 'outline' | undefined;\n\n  if (navType === 'next') {\n    buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n  } else {\n    buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n  }\n\n  /* Handle altText on trailing step */\n  let buttonChild = props.children;\n  if (isTrailing) {\n    buttonChild = altText;\n  }\n\n  return {\n    ...useButton_unstable({ appearance: buttonAppearanceType, ...props }, ref),\n    navType,\n    popoverAppearance,\n    altText,\n    // Override useButton root slot\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        appearance: buttonAppearanceType,\n        ...props,\n        onClick: handleButtonClick,\n        children: buttonChild,\n      }),\n      { elementType: 'button' },\n    ),\n  };\n};\n"],"names":["useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","usePopoverContext_unstable","context","appearance","selectPageByDirection","useCarouselContext_unstable","c","values","useCarouselValues_unstable","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","useEventCallback","mergeCallbacks","onClick","isTrailing","React","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","useButton_unstable","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqBaA;;;eAAAA;;;;iEArBU;gCACwC;8BAKpB;iCACC;6BAET;mCACQ;AAWpC,MAAMA,kDAAkD,CAC7DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,oBAAoBC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,qBAAqB;IACtF,MAAMG,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;IACtD,MAAMC,cAAcL,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEK,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAV,sBAAsBS,OAAOf;IAC/B;IAEA,MAAMiB,oBAAoBC,IAAAA,gCAAAA,EAAiBC,IAAAA,8BAAAA,EAAeL,aAAahB,MAAMsB,OAAO;IAEpF,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC/B,IAAI,CAACX,aAAa;YAChB,OAAO;QACT;QAEA,IAAIZ,YAAY,QAAQ;YACtB,OAAOS,OAAOe,OAAO,CAACZ,iBAAiB;QACzC;QAEA,OAAOH,OAAOe,OAAO,CAACZ,iBAAiBH,OAAOgB,MAAM,GAAG;IACzD,GAAG;QAACzB;QAASY;QAAaH;KAAO;IAEjC,IAAIiB;IAEJ,IAAI1B,YAAY,QAAQ;QACtB0B,uBAAuBxB,sBAAsB,UAAUyB,YAAY;IACrE,OAAO;QACLD,uBAAuBxB,sBAAsB,UAAU,YAAYyB;IACrE;IAEA,mCAAmC,GACnC,IAAIC,cAAc9B,MAAM+B,QAAQ;IAChC,IAAIR,YAAY;QACdO,cAAc3B;IAChB;IAEA,OAAO;QACL,GAAG6B,IAAAA,+BAAAA,EAAmB;YAAEzB,YAAYqB;YAAsB,GAAG5B,KAAK;QAAC,GAAGC,IAAI;QAC1EC;QACAE;QACAD;QACA,+BAA+B;QAC/B8B,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,UAAU;YACjCnC;YACAM,YAAYqB;YACZ,GAAG5B,KAAK;YACRsB,SAASH;YACTY,UAAUD;QACZ,IACA;YAAEO,aAAa;QAAS;IAE5B;AACF"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n  root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f14es27b\"\n  },\n  brandNext: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    g2u3we: \"f1iimpp0\",\n    h3c5rm: [\"f19uhqvu\", \"f1nx14hx\"],\n    B9xav0g: \"fnqa90p\",\n    zhjwy3: [\"f1nx14hx\", \"f19uhqvu\"],\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  },\n  brandPrevious: {\n    sj55zd: \"f1phragk\",\n    De3pzq: \"ffp7eso\",\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"],\n    Bi91k9c: \"f1rq72xc\",\n    Bgoe8wy: \"f1bg5g8r\",\n    Bwzppfd: [\"f1h9bnsk\", \"f12x9t0k\"],\n    oetu4i: \"f19ervry\",\n    gg5e9n: [\"f12x9t0k\", \"f1h9bnsk\"],\n    Jwef8y: \"f15wkkf3\",\n    B2d53fq: \"f1d6v5y2\",\n    b661bw: \"f1565b9n\",\n    Bk6r4ia: [\"fm07gvo\", \"fwlsg72\"],\n    B9zn80p: \"fzw6fmy\",\n    Bpld233: [\"fwlsg72\", \"fm07gvo\"],\n    iro3zm: \"fnp9lpt\"\n  }\n}, {\n  d: [\".f14es27b{min-width:96px;}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1iimpp0{border-top-color:var(--colorTransparentBackground);}\", \".f19uhqvu{border-right-color:var(--colorTransparentBackground);}\", \".f1nx14hx{border-left-color:var(--colorTransparentBackground);}\", \".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */\nexport const useTeachingPopoverCarouselFooterButtonStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const {\n    navType,\n    popoverAppearance\n  } = state;\n  // Apply underlying fluent Button styles\n  state = {\n    ...state,\n    ...useButtonStyles_unstable(state)\n  };\n  state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselFooterButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","root","useStyles","__styles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","state","styles","navType","popoverAppearance","useButtonStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,6CAA6C;eAA7CA;;IA8CAC,qDAAqD;eAArDA;;;uBAjDsC;6BAEV;AAClC,MAAMD,gDAAgD;IAC3DE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,eAAe;QACbV,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTK,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCP,QAAQ;QACRC,SAAS;QACTO,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BT,QAAQ;IACV;AACF,GAAG;IACDU,GAAG;QAAC;QAA8B;QAAkD;QAAqE;QAAkE;QAAoE;QAAmE;QAAoE;QAA0D;QAA2D;QAAoE;QAAsE;QAAsE;KAAuE;IAClzBC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;QAAkF;QAAgE;QAA2E;QAA6E;QAA4E;QAA8E;QAAuE;QAAuE;QAAkF;QAAmF;QAAkF;QAAoF;KAA8E;AAC9sC;AAIO,MAAM1B,wDAAwD2B,CAAAA;IACnE;IAEA,MAAMC,SAAS1B;IACf,MAAM,EACJ2B,OAAO,EACPC,iBAAiB,EAClB,GAAGH;IACJ,wCAAwC;IACxCA,QAAQ;QACN,GAAGA,KAAK;QACR,GAAGI,IAAAA,qCAAwB,EAACJ,MAAM;IACpC;IACAA,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8CAA8CE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE4B,YAAY,UAAUC,sBAAsB,WAAWF,OAAOZ,aAAa,EAAEa,YAAY,UAAUC,sBAAsB,WAAWF,OAAOvB,SAAS,EAAEsB,MAAM1B,IAAI,CAAC+B,SAAS;IAC/Q,OAAOL;AACT,GACA,+EAA+E"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        minWidth: '96px'\n    },\n    brandNext: {\n        color: tokens.colorBrandForeground1,\n        backgroundColor: tokens.colorNeutralForegroundOnBrand,\n        ...shorthands.borderColor(tokens.colorTransparentBackground),\n        ':hover': {\n            color: tokens.colorCompoundBrandForeground1Hover,\n            backgroundColor: tokens.colorNeutralForegroundOnBrand\n        },\n        ':hover:active': {\n            color: tokens.colorCompoundBrandForeground1Pressed,\n            backgroundColor: tokens.colorNeutralForegroundOnBrand\n        }\n    },\n    brandPrevious: {\n        // In brand, this is always 'NeutralForegroundOnBrand'\n        color: tokens.colorNeutralForegroundOnBrand,\n        backgroundColor: tokens.colorBrandBackground,\n        ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n        ':hover': {\n            color: tokens.colorNeutralForegroundOnBrand,\n            ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n            backgroundColor: tokens.colorBrandBackgroundHover\n        },\n        ':hover:active': {\n            color: tokens.colorNeutralForegroundOnBrand,\n            ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n            backgroundColor: tokens.colorBrandBackgroundPressed\n        }\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { navType, popoverAppearance } = state;\n    // Apply underlying fluent Button styles\n    state = {\n        ...state,\n        ...useButtonStyles_unstable(state)\n    };\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","root","useStyles","__styles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","state","styles","navType","popoverAppearance","useButtonStyles_unstable","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,6CAA6C;eAA7CA;;IAuCIC,qDAAqD;eAArDA;;;uBA1CoC;6BAEZ;AAClC,MAAMD,gDAAgD;IACzDE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;IAAA;IAAAC,WAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,eAAA;QAAAV,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAK,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAP,QAAA;QAAAC,SAAA;QAAAO,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAT,QAAA;IAAA;AAAA,GAAA;IAAAU,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoCP,MAAM1B,wDAAyD2B,CAAAA;IACtE;IACA,MAAMC,SAAS1B;IACf,MAAM,EAAE2B,OAAO,EAAEC,iBAAAA,EAAmB,GAAGH;IACvC,wCAAA;IACAA,QAAQ;QACJ,GAAGA,KAAK;QACR,GAAGI,IAAAA,qCAAwB,EAACJ,MAAK;IACrC;IACAA,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8CAA8CE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE4B,YAAY,UAAUC,sBAAsB,WAAWF,OAAOZ,aAAa,EAAEa,YAAY,UAAUC,sBAAsB,WAAWF,OAAOvB,SAAS,EAAEsB,MAAM1B,IAAI,CAAC+B,SAAS;IAC/Q,OAAOL;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNav.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */ export const TeachingPopoverCarouselNav = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n    useTeachingPopoverCarouselNavStyles_unstable(state);\n    return renderTeachingPopoverCarouselNav_unstable(state);\n});\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["TeachingPopoverCarouselNav","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","renderTeachingPopoverCarouselNav_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;+CACgC;kDACG;2DACG;AAMlD,MAAMA,6BAA6B,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQC,IAAAA,qEAAsC,EAACH,OAAOC;IAC5DG,IAAAA,uFAA4C,EAACF;IAC7C,OAAOG,IAAAA,2EAAyC,EAACH;AACrD;AACAL,2BAA2BS,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselNav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\nimport type { TeachingPopoverCarouselNavProps } from './TeachingPopoverCarouselNav.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */\nexport const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPopoverCarouselNavProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n\n    useTeachingPopoverCarouselNavStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselNav_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["TeachingPopoverCarouselNav","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","renderTeachingPopoverCarouselNav_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;+CACgC;kDACG;2DACG;AAUtD,MAAMA,6BAAAA,WAAAA,GAAmFC,OAAMC,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,qEAAAA,EAAuCH,OAAOC;IAE5DG,IAAAA,uFAAAA,EAA6CF;IAE7C,OAAOG,IAAAA,2EAAAA,EAA0CH;AACnD;AAGFL,2BAA2BS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNav.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavSlots = {\n  /**\n   * The element wrapping the carousel pagination. By default this is a div,\n   * it may contain icons or text depending on TeachingPopoverCarouselNavStyle\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type NavButtonRenderFunction = (value: string) => React.ReactNode;\n\nexport type TeachingPopoverCarouselNavState = ComponentState<TeachingPopoverCarouselNavSlots> & {\n  values: string[];\n\n  renderNavButton: NavButtonRenderFunction;\n};\n\nexport type TeachingPopoverCarouselNavProps = Omit<\n  ComponentProps<Partial<TeachingPopoverCarouselNavSlots>>,\n  'children'\n> & {\n  children: NavButtonRenderFunction;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselNav';\nexport * from './TeachingPopoverCarouselNav.types';\nexport * from './renderTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNav';\nexport * from './TeachingPopoverCarouselNav.types';\nexport * from './renderTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselNav.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ValueIdContextProvider } from './valueIdContext';\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */ export const renderTeachingPopoverCarouselNav_unstable = (state)=>{\n    assertSlots(state);\n    const { values, renderNavButton } = state;\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: values.map((value)=>/*#__PURE__*/ _jsx(ValueIdContextProvider, {\n                value: value,\n                children: renderNavButton(value)\n            }, value))\n    });\n};\n"],"names":["renderTeachingPopoverCarouselNav_unstable","state","assertSlots","values","renderNavButton","_jsx","root","children","map","value","ValueIdContextProvider"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;gCACW;AAG5B,MAAMA,4CAA4C,CAACC;IAC1DC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,MAAM,EAAEC,eAAe,EAAE,GAAGH;IACpC,OAAO,WAAW,GAAGI,IAAAA,eAAI,EAACJ,MAAMK,IAAI,EAAE;QAClCC,UAAUJ,OAAOK,GAAG,CAAC,CAACC,QAAQ,WAAW,GAAGJ,IAAAA,eAAI,EAACK,sCAAsB,EAAE;gBACjED,OAAOA;gBACPF,UAAUH,gBAAgBK;YAC9B,GAAGA;IACX;AACJ"}
+{"version":3,"sources":["renderTeachingPopoverCarouselNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselNavState } from './TeachingPopoverCarouselNav.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverCarouselNavSlots } from './TeachingPopoverCarouselNav.types';\nimport { ValueIdContextProvider } from './valueIdContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */\nexport const renderTeachingPopoverCarouselNav_unstable = (state: TeachingPopoverCarouselNavState) => {\n  assertSlots<TeachingPopoverCarouselNavSlots>(state);\n\n  const { values, renderNavButton } = state;\n\n  return (\n    <state.root>\n      {values.map(value => (\n        <ValueIdContextProvider value={value} key={value}>\n          {renderNavButton(value)}\n        </ValueIdContextProvider>\n      ))}\n    </state.root>\n  );\n};\n"],"names":["renderTeachingPopoverCarouselNav_unstable","state","assertSlots","values","renderNavButton","_jsx","root","map","value","ValueIdContextProvider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;gCAEW;AAKhC,MAAMA,4CAA4C,CAACC;IACxDC,IAAAA,2BAAAA,EAA6CD;IAE7C,MAAM,EAAEE,MAAM,EAAEC,eAAe,EAAE,GAAGH;IAEpC,OAAA,WAAA,GACEI,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA;kBACRH,OAAOI,GAAG,CAACC,CAAAA,QAAAA,WAAAA,GACVH,IAAAA,eAAA,EAACI,sCAAAA,EAAAA;gBAAuBD,OAAOA;0BAC5BJ,gBAAgBI;eADwBA;;AAMnD"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNav.js"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */ export const useTeachingPopoverCarouselNav_unstable = (props, ref)=>{\n    const focusableGroupAttr = useArrowNavigationGroup({\n        circular: false,\n        axis: 'horizontal',\n        memorizeCurrent: false,\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        unstable_hasDefault: true\n    });\n    const values = useCarouselValues_unstable((snapshot)=>snapshot);\n    return {\n        values,\n        renderNavButton: props.children,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            role: 'tablist',\n            tabIndex: 0,\n            ...props,\n            ...focusableGroupAttr,\n            children: null\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","useArrowNavigationGroup","circular","axis","memorizeCurrent","unstable_hasDefault","values","useCarouselValues_unstable","snapshot","renderNavButton","children","components","root","slot","always","getIntrinsicElementProps","role","tabIndex","elementType"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;8BARuB;gCACO;iEACxB;mCACoB;AAKhC,MAAMA,yCAAyC,CAACC,OAAOC;IAC9D,MAAMC,qBAAqBC,IAAAA,qCAAuB,EAAC;QAC/CC,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACzB;IACA,MAAMC,SAASC,IAAAA,6CAA0B,EAAC,CAACC,WAAWA;IACtD,OAAO;QACHF;QACAG,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9ChB;YACAiB,MAAM;YACNC,UAAU;YACV,GAAGnB,KAAK;YACR,GAAGE,kBAAkB;YACrBU,UAAU;QACd,IAAI;YACAQ,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */\nexport const useTeachingPopoverCarouselNav_unstable = (\n  props: TeachingPopoverCarouselNavProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselNavState => {\n  const focusableGroupAttr = useArrowNavigationGroup({\n    circular: false,\n    axis: 'horizontal',\n    memorizeCurrent: false,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault: true,\n  });\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  return {\n    values,\n    renderNavButton: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'tablist',\n        tabIndex: 0,\n        ...props,\n        ...focusableGroupAttr,\n        children: null,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","useArrowNavigationGroup","circular","axis","memorizeCurrent","unstable_hasDefault","values","useCarouselValues_unstable","snapshot","renderNavButton","children","components","root","slot","always","getIntrinsicElementProps","role","tabIndex","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;8BAf2B;gCACO;iEACxB;mCAMoB;AAOpC,MAAMA,yCAAyC,CACpDC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,qCAAAA,EAAwB;QACjDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IACA,MAAMC,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;IAEtD,OAAO;QACLF;QACAG,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BhB;YACAiB,MAAM;YACNC,UAAU;YACV,GAAGnB,KAAK;YACR,GAAGE,kBAAkB;YACrBU,UAAU;QACZ,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n  root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    i8kkvl: \"f1ufnopg\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselNavStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map"],"names":["teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IAgCAC,4CAA4C;eAA5CA;;;uBAnCsC;AAG5C,MAAMD,uCAAuC;IAClDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqD;QAAiC;QAAqC;YAAC;YAAqG;gBAChSC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA8E;gBACjFA,GAAG,CAAC;YACN;SAAE;QAAE;QAAmE;QAAsE;QAAoE;KAAsE;AACzR;AAEO,MAAMvB,+CAA+CwB,CAAAA;IAC1D;IAEA,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qCAAqCE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IAChH,OAAOF;AACT,GACA,sEAAsE"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n    root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        columnGap: tokens.spacingHorizontalXS,\n        alignItems: 'center',\n        justifyContent: 'center',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IAiByCC,4CAA4C;eAA5CA;;;uBApBD;AAG9C,MAAMD,uCAAuC;IAChDE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAc8B,MAAMvB,+CAAgDwB,CAAAA;IAClG;IACA,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAY,EAAC5B,qCAAqCE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IAChH,OAAOF;AACX"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    valueIdContextDefaultValue: function() {
-        return valueIdContextDefaultValue;
+    ValueIdContextProvider: function() {
+        return ValueIdContextProvider;
     },
     useValueIdContext: function() {
         return useValueIdContext;
     },
-    ValueIdContextProvider: function() {
-        return ValueIdContextProvider;
+    valueIdContextDefaultValue: function() {
+        return valueIdContextDefaultValue;
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");

package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["valueIdContext.js"],"sourcesContent":["import * as React from 'react';\nconst valueIdContext = React.createContext(undefined);\nexport const valueIdContextDefaultValue = '';\nexport const useValueIdContext = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(valueIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : valueIdContextDefaultValue;\n};\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["valueIdContextDefaultValue","useValueIdContext","ValueIdContextProvider","valueIdContext","React","createContext","undefined","_React_useContext","useContext","Provider"],"mappings":";;;;;;;;;;;IAEaA,0BAA0B;eAA1BA;;IACAC,iBAAiB;eAAjBA;;IAIAC,sBAAsB;eAAtBA;;;;iEAPU;AACvB,MAAMC,+BAAiBC,OAAMC,aAAa,CAACC;AACpC,MAAMN,6BAA6B;AACnC,MAAMC,oBAAoB;IAC7B,IAAIM;IACJ,OAAO,AAACA,CAAAA,oBAAoBH,OAAMI,UAAU,CAACL,eAAc,MAAO,QAAQI,sBAAsB,KAAK,IAAIA,oBAAoBP;AACjI;AACO,MAAME,yBAAyBC,eAAeM,QAAQ"}
+{"version":3,"sources":["valueIdContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst valueIdContext = React.createContext<string | undefined>(undefined);\n\nexport const valueIdContextDefaultValue = '';\n\nexport const useValueIdContext = () => React.useContext(valueIdContext) ?? valueIdContextDefaultValue;\n\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["ValueIdContextProvider","useValueIdContext","valueIdContextDefaultValue","valueIdContext","React","createContext","undefined","useContext","Provider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,sBAAAA;eAAAA;;IAFAC,iBAAAA;eAAAA;;IAFAC,0BAAAA;eAAAA;;;;iEAJU;AAEvB,MAAMC,+BAAiBC,OAAMC,aAAa,CAAqBC;AAExD,MAAMJ,6BAA6B;AAEnC,MAAMD,oBAAoB;QAAMG;WAAAA,CAAAA,oBAAAA,OAAMG,UAAU,CAACJ,eAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAoCF;AAAyB;AAE7F,MAAMF,yBAAyBG,eAAeK,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNavButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */ export const TeachingPopoverCarouselNavButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n    useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n    return renderTeachingPopoverCarouselNavButton_unstable(state);\n});\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["TeachingPopoverCarouselNavButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","renderTeachingPopoverCarouselNavButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;qDACsC;wDACG;iEACG;AAKxD,MAAMA,mCAAmC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,iFAA4C,EAACH,OAAOC;IAClEG,IAAAA,mGAAkD,EAACF;IACnD,OAAOG,IAAAA,uFAA+C,EAACH;AAC3D;AACAL,iCAAiCS,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\nimport type { TeachingPopoverCarouselNavButtonProps } from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */\nexport const TeachingPopoverCarouselNavButton: ForwardRefComponent<TeachingPopoverCarouselNavButtonProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n\n    useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselNavButton_unstable(state);\n  }) as ForwardRefComponent<TeachingPopoverCarouselNavButtonProps>;\n\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["TeachingPopoverCarouselNavButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","renderTeachingPopoverCarouselNavButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qDAEsC;wDACG;iEACG;AAQ5D,MAAMA,mCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,iFAAAA,EAA6CH,OAAOC;IAElEG,IAAAA,mGAAAA,EAAmDF;IAEnD,OAAOG,IAAAA,uFAAAA,EAAgDH;AACzD;AAEFL,iCAAiCS,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.js

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * TeachingPopoverCarouselNavButton State
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavButtonSlots = {\n  /**\n   * ARIA compliant nav buttons used to jump to pages\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselNavButton Props\n */\nexport type TeachingPopoverCarouselNavButtonProps = ComponentProps<TeachingPopoverCarouselNavButtonSlots>;\n\n/**\n * TeachingPopoverCarouselNavButton State\n */\nexport type TeachingPopoverCarouselNavButtonState = ComponentState<TeachingPopoverCarouselNavButtonSlots> & {\n  /**\n   * Enables selection state control\n   */\n  isSelected?: boolean;\n} & Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselNavButton';\nexport * from './TeachingPopoverCarouselNavButton.types';\nexport * from './renderTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNavButton';\nexport * from './TeachingPopoverCarouselNavButton.types';\nexport * from './renderTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselNavButton.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselNavButton\n */ export const renderTeachingPopoverCarouselNavButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTeachingPopoverCarouselNavButton_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,kDAAkD,CAACC;IAChEC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselNavButtonState,\n  TeachingPopoverCarouselNavButtonSlots,\n} from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNavButton\n */\nexport const renderTeachingPopoverCarouselNavButton_unstable = (state: TeachingPopoverCarouselNavButtonState) => {\n  assertSlots<TeachingPopoverCarouselNavButtonSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselNavButton_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,kDAAkD,CAACC;IAC9DC,IAAAA,2BAAAA,EAAmDD;IAEnD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */ export const useTeachingPopoverCarouselNavButton_unstable = (props, ref)=>{\n    const { onClick, as = 'a' } = props;\n    const value = useValueIdContext();\n    const appearance = usePopoverContext_unstable((context)=>context.appearance);\n    const selectPageByValue = useCarouselContext_unstable((c)=>c.selectPageByValue);\n    const isSelected = useCarouselContext_unstable((c)=>c.value === value);\n    const handleClick = useEventCallback((event)=>{\n        onClick === null || onClick === void 0 ? void 0 : onClick(event);\n        if (!event.defaultPrevented && isHTMLElement(event.target)) {\n            selectPageByValue(event, value);\n        }\n    });\n    const defaultTabProps = useTabsterAttributes({\n        focusable: {\n            isDefault: isSelected\n        }\n    });\n    const _carouselButton = slot.always(getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)), {\n        elementType: 'button',\n        defaultProps: {\n            ref: ref,\n            role: 'tab',\n            type: 'button',\n            ...defaultTabProps\n        }\n    });\n    _carouselButton.onClick = handleClick;\n    const state = {\n        isSelected,\n        appearance,\n        components: {\n            root: 'button'\n        },\n        root: _carouselButton\n    };\n    return state;\n};\n"],"names":["useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","useValueIdContext","appearance","usePopoverContext_unstable","context","selectPageByValue","useCarouselContext_unstable","c","isSelected","handleClick","useEventCallback","event","defaultPrevented","isHTMLElement","target","defaultTabProps","useTabsterAttributes","focusable","isDefault","_carouselButton","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","role","type","state","components","root"],"mappings":";;;;+BAeiBA;;;eAAAA;;;;iEAfM;2BACY;8BACQ;8BACN;gCAC2C;iCACpC;gCACV;AASvB,MAAMA,+CAA+C,CAACC,OAAOC;IACpE,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAC9B,MAAMI,QAAQC,IAAAA,iCAAiB;IAC/B,MAAMC,aAAaC,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQF,UAAU;IAC3E,MAAMG,oBAAoBC,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEF,iBAAiB;IAC9E,MAAMG,aAAaF,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEP,KAAK,KAAKA;IAChE,MAAMS,cAAcC,IAAAA,gCAAgB,EAAC,CAACC;QAClCb,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQa;QAC1D,IAAI,CAACA,MAAMC,gBAAgB,IAAIC,IAAAA,6BAAa,EAACF,MAAMG,MAAM,GAAG;YACxDT,kBAAkBM,OAAOX;QAC7B;IACJ;IACA,MAAMe,kBAAkBC,IAAAA,kCAAoB,EAAC;QACzCC,WAAW;YACPC,WAAWV;QACf;IACJ;IACA,MAAMW,kBAAkBC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAACvB,IAAIwB,IAAAA,6BAAkB,EAAC3B,MAAMG,EAAE,EAAEH,SAAS;QACnG4B,aAAa;QACbC,cAAc;YACV5B,KAAKA;YACL6B,MAAM;YACNC,MAAM;YACN,GAAGZ,eAAe;QACtB;IACJ;IACAI,gBAAgBrB,OAAO,GAAGW;IAC1B,MAAMmB,QAAQ;QACVpB;QACAN;QACA2B,YAAY;YACRC,MAAM;QACV;QACAA,MAAMX;IACV;IACA,OAAOS;AACX"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\n\nimport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */\nexport const useTeachingPopoverCarouselNavButton_unstable = (\n  props: TeachingPopoverCarouselNavButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselNavButtonState => {\n  const { onClick, as = 'a' } = props;\n\n  const value = useValueIdContext();\n\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const selectPageByValue = useCarouselContext_unstable(c => c.selectPageByValue);\n  const isSelected = useCarouselContext_unstable(c => c.value === value);\n\n  const handleClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented && isHTMLElement(event.target)) {\n      selectPageByValue(event, value);\n    }\n  });\n\n  const defaultTabProps = useTabsterAttributes({\n    focusable: { isDefault: isSelected },\n  });\n\n  const _carouselButton = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)),\n    {\n      elementType: 'button',\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        role: 'tab',\n        type: 'button',\n        ...defaultTabProps,\n      },\n    },\n  );\n\n  _carouselButton.onClick = handleClick;\n\n  const state: TeachingPopoverCarouselNavButtonState = {\n    isSelected,\n    appearance,\n    components: {\n      root: 'button',\n    },\n    root: _carouselButton,\n  };\n\n  return state;\n};\n"],"names":["useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","useValueIdContext","appearance","usePopoverContext_unstable","context","selectPageByValue","useCarouselContext_unstable","c","isSelected","handleClick","useEventCallback","event","defaultPrevented","isHTMLElement","target","defaultTabProps","useTabsterAttributes","focusable","isDefault","_carouselButton","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","role","type","state","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;2BACiC;8BACb;8BACN;gCAC2C;iCAMpC;gCACV;AAW3B,MAAMA,+CAA+C,CAC1DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAE9B,MAAMI,QAAQC,IAAAA,iCAAAA;IAEd,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,oBAAoBC,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEF,iBAAiB;IAC9E,MAAMG,aAAaF,IAAAA,4CAAAA,EAA4BC,CAAAA,IAAKA,EAAEP,KAAK,KAAKA;IAEhE,MAAMS,cAAmDC,IAAAA,gCAAAA,EAAiBC,CAAAA;QACxEb,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAAUa;QAEV,IAAI,CAACA,MAAMC,gBAAgB,IAAIC,IAAAA,6BAAAA,EAAcF,MAAMG,MAAM,GAAG;YAC1DT,kBAAkBM,OAAOX;QAC3B;IACF;IAEA,MAAMe,kBAAkBC,IAAAA,kCAAAA,EAAqB;QAC3CC,WAAW;YAAEC,WAAWV;QAAW;IACrC;IAEA,MAAMW,kBAAkBC,oBAAAA,CAAKC,MAAM,CACjCC,IAAAA,wCAAAA,EAAyBvB,IAAIwB,IAAAA,6BAAAA,EAAmB3B,MAAMG,EAAE,EAAEH,SAC1D;QACE4B,aAAa;QACbC,cAAc;YACZ5B,KAAKA;YACL6B,MAAM;YACNC,MAAM;YACN,GAAGZ,eAAe;QACpB;IACF;IAGFI,gBAAgBrB,OAAO,GAAGW;IAE1B,MAAMmB,QAA+C;QACnDpB;QACAN;QACA2B,YAAY;YACVC,MAAM;QACR;QACAA,MAAMX;IACR;IAEA,OAAOS;AACT"}