@fluentui/react-teaching-popover 0.0.0-nightly-20240423-0406.1

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Carousel.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    carouselContextDefaultValue: function() {
+        return carouselContextDefaultValue;
+    },
+    CarouselProvider: function() {
+        return CarouselProvider;
+    },
+    useCarouselContext_unstable: function() {
+        return useCarouselContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _createCarouselStore = require("./createCarouselStore");
+const carouselContextDefaultValue = {
+    store: (0, _createCarouselStore.createCarouselStore)(),
+    value: null,
+    selectPageByDirection: ()=>{
+    /** noop */ },
+    selectPageByValue: ()=>{
+    /** noop */ }
+};
+const CarouselContext = (0, _reactcontextselector.createContext)(undefined);
+const CarouselProvider = CarouselContext.Provider;
+const useCarouselContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(CarouselContext, (ctx = carouselContextDefaultValue)=>selector(ctx));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CarouselContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport * as React from 'react';\nimport { createCarouselStore } from './createCarouselStore';\nexport const carouselContextDefaultValue = {\n    store: createCarouselStore(),\n    value: null,\n    selectPageByDirection: ()=>{\n    /** noop */ },\n    selectPageByValue: ()=>{\n    /** noop */ }\n};\nconst CarouselContext = createContext(undefined);\nexport const CarouselProvider = CarouselContext.Provider;\nexport const useCarouselContext_unstable = (selector)=>useContextSelector(CarouselContext, (ctx = carouselContextDefaultValue)=>selector(ctx));\n"],"names":["carouselContextDefaultValue","CarouselProvider","useCarouselContext_unstable","store","createCarouselStore","value","selectPageByDirection","selectPageByValue","CarouselContext","createContext","undefined","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAGaA,2BAA2B;eAA3BA;;IASAC,gBAAgB;eAAhBA;;IACAC,2BAA2B;eAA3BA;;;;sCAbqC;iEAC3B;qCACa;AAC7B,MAAMF,8BAA8B;IACvCG,OAAOC,IAAAA,wCAAmB;IAC1BC,OAAO;IACPC,uBAAuB;IACvB,SAAS,GAAG;IACZC,mBAAmB;IACnB,SAAS,GAAG;AAChB;AACA,MAAMC,kBAAkBC,IAAAA,mCAAa,EAACC;AAC/B,MAAMT,mBAAmBO,gBAAgBG,QAAQ;AACjD,MAAMT,8BAA8B,CAACU,WAAWC,IAAAA,wCAAkB,EAACL,iBAAiB,CAACM,MAAMd,2BAA2B,GAAGY,SAASE"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CarouselItem", {
+    enumerable: true,
+    get: function() {
+        return CarouselItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useCarouselItem = require("./useCarouselItem");
+const _renderCarouselItem = require("./renderCarouselItem");
+const CarouselItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useCarouselItem.useCarouselItem_unstable)(props, ref);
+    return (0, _renderCarouselItem.renderCarouselItem_unstable)(state);
+});
+CarouselItem.displayName = 'CarouselItem';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Carouseltem.js"],"sourcesContent":["import * as React from 'react';\nimport { useCarouselItem_unstable } from './useCarouselItem';\nimport { renderCarouselItem_unstable } from './renderCarouselItem';\n/**\n * Define a CarouselItem, using the `useCarouselItem_unstable` and 'renderCarouselItem_unstable' hooks.\n * It has no styling opinions.\n */ export const CarouselItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useCarouselItem_unstable(props, ref);\n    return renderCarouselItem_unstable(state);\n});\nCarouselItem.displayName = 'CarouselItem';\n"],"names":["CarouselItem","React","forwardRef","props","ref","state","useCarouselItem_unstable","renderCarouselItem_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;iCACkB;oCACG;AAIjC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9C,OAAOG,IAAAA,+CAA2B,EAACF;AACvC;AACAL,aAAaQ,WAAW,GAAG"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderCarouselItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderCarouselItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderCarouselItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderCarouselItem.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 TeachingPopoverCarousel\n */ export const renderCarouselItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderCarouselItem_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,8BAA8B,CAACC;IAC5CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCarouselItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCarouselItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _CarouselContext = require("../CarouselContext");
+const _constants = require("../constants");
+const useCarouselItem_unstable = (props, ref)=>{
+    const { value } = props;
+    const visible = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.value === value);
+    const state = {
+        value,
+        visible,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            [_constants.CAROUSEL_ITEM]: value,
+            [_constants.CAROUSEL_ACTIVE_ITEM]: visible,
+            hidden: !visible,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+    if (!visible) {
+        state.root.children = null;
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useCarouselContext_unstable } from '../CarouselContext';\nimport { CAROUSEL_ACTIVE_ITEM, CAROUSEL_ITEM } from '../constants';\nexport const useCarouselItem_unstable = (props, ref)=>{\n    const { value } = props;\n    const visible = useCarouselContext_unstable((c)=>c.value === value);\n    const state = {\n        value,\n        visible,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            [CAROUSEL_ITEM]: value,\n            [CAROUSEL_ACTIVE_ITEM]: visible,\n            hidden: !visible,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n    if (!visible) {\n        state.root.children = null;\n    }\n    return state;\n};\n"],"names":["useCarouselItem_unstable","props","ref","value","visible","useCarouselContext_unstable","c","state","components","root","slot","always","getIntrinsicElementProps","CAROUSEL_ITEM","CAROUSEL_ACTIVE_ITEM","hidden","elementType","children"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;gCACwB;iCACH;2BACQ;AAC7C,MAAMA,2BAA2B,CAACC,OAAOC;IAC5C,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAClB,MAAMG,UAAUC,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEH,KAAK,KAAKA;IAC7D,MAAMI,QAAQ;QACVJ;QACAC;QACAI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CV;YACA,CAACW,wBAAa,CAAC,EAAEV;YACjB,CAACW,+BAAoB,CAAC,EAAEV;YACxBW,QAAQ,CAACX;YACT,GAAGH,KAAK;QACZ,IAAI;YACAe,aAAa;QACjB;IACJ;IACA,IAAI,CAACZ,SAAS;QACVG,MAAME,IAAI,CAACQ,QAAQ,GAAG;IAC1B;IACA,OAAOV;AACX"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CAROUSEL_ITEM: function() {
+        return CAROUSEL_ITEM;
+    },
+    CAROUSEL_ACTIVE_ITEM: function() {
+        return CAROUSEL_ACTIVE_ITEM;
+    }
+});
+const CAROUSEL_ITEM = 'data-carousel-item';
+const CAROUSEL_ACTIVE_ITEM = 'data-carousel-active-item';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.js"],"sourcesContent":["export const CAROUSEL_ITEM = 'data-carousel-item';\nexport const CAROUSEL_ACTIVE_ITEM = 'data-carousel-active-item';\n"],"names":["CAROUSEL_ITEM","CAROUSEL_ACTIVE_ITEM"],"mappings":";;;;;;;;;;;IAAaA,aAAa;eAAbA;;IACAC,oBAAoB;eAApBA;;;AADN,MAAMD,gBAAgB;AACtB,MAAMC,uBAAuB"}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createCarouselStore", {
+    enumerable: true,
+    get: function() {
+        return createCarouselStore;
+    }
+});
+const createCarouselStore = ()=>{
+    let values = [];
+    let listeners = [];
+    const carouselStore = {
+        clear () {
+            values = [];
+            emitChange();
+        },
+        addValue (value) {
+            values = [
+                ...values,
+                value
+            ];
+            emitChange();
+        },
+        insertValue (value, prev) {
+            if (!prev) {
+                values = [
+                    value,
+                    ...values
+                ];
+            } else {
+                const pos = values.indexOf(prev);
+                values.splice(pos + 1, 0, value);
+                // Required to be defined as a 'new' array for useSyncExternalStore
+                values = [
+                    ...values
+                ];
+            }
+            emitChange();
+        },
+        removeValue (value) {
+            const pos = values.indexOf(value);
+            values.splice(pos, 1);
+            // Required to be defined as a 'new' array for useSyncExternalStore
+            values = [
+                ...values
+            ];
+            emitChange();
+        },
+        subscribe (listener) {
+            listeners = [
+                ...listeners,
+                listener
+            ];
+            return ()=>{
+                listeners = listeners.filter((l)=>l !== listener);
+            };
+        },
+        getSnapshot () {
+            return values;
+        }
+    };
+    function emitChange() {
+        for (const listener of listeners){
+            listener();
+        }
+    }
+    return carouselStore;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["createCarouselStore.js"],"sourcesContent":["export const createCarouselStore = ()=>{\n    let values = [];\n    let listeners = [];\n    const carouselStore = {\n        clear () {\n            values = [];\n            emitChange();\n        },\n        addValue (value) {\n            values = [\n                ...values,\n                value\n            ];\n            emitChange();\n        },\n        insertValue (value, prev) {\n            if (!prev) {\n                values = [\n                    value,\n                    ...values\n                ];\n            } else {\n                const pos = values.indexOf(prev);\n                values.splice(pos + 1, 0, value);\n                // Required to be defined as a 'new' array for useSyncExternalStore\n                values = [\n                    ...values\n                ];\n            }\n            emitChange();\n        },\n        removeValue (value) {\n            const pos = values.indexOf(value);\n            values.splice(pos, 1);\n            // Required to be defined as a 'new' array for useSyncExternalStore\n            values = [\n                ...values\n            ];\n            emitChange();\n        },\n        subscribe (listener) {\n            listeners = [\n                ...listeners,\n                listener\n            ];\n            return ()=>{\n                listeners = listeners.filter((l)=>l !== listener);\n            };\n        },\n        getSnapshot () {\n            return values;\n        }\n    };\n    function emitChange() {\n        for (const listener of listeners){\n            listener();\n        }\n    }\n    return carouselStore;\n};\n"],"names":["createCarouselStore","values","listeners","carouselStore","clear","emitChange","addValue","value","insertValue","prev","pos","indexOf","splice","removeValue","subscribe","listener","filter","l","getSnapshot"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,sBAAsB;IAC/B,IAAIC,SAAS,EAAE;IACf,IAAIC,YAAY,EAAE;IAClB,MAAMC,gBAAgB;QAClBC;YACIH,SAAS,EAAE;YACXI;QACJ;QACAC,UAAUC,KAAK;YACXN,SAAS;mBACFA;gBACHM;aACH;YACDF;QACJ;QACAG,aAAaD,KAAK,EAAEE,IAAI;YACpB,IAAI,CAACA,MAAM;gBACPR,SAAS;oBACLM;uBACGN;iBACN;YACL,OAAO;gBACH,MAAMS,MAAMT,OAAOU,OAAO,CAACF;gBAC3BR,OAAOW,MAAM,CAACF,MAAM,GAAG,GAAGH;gBAC1B,mEAAmE;gBACnEN,SAAS;uBACFA;iBACN;YACL;YACAI;QACJ;QACAQ,aAAaN,KAAK;YACd,MAAMG,MAAMT,OAAOU,OAAO,CAACJ;YAC3BN,OAAOW,MAAM,CAACF,KAAK;YACnB,mEAAmE;YACnET,SAAS;mBACFA;aACN;YACDI;QACJ;QACAS,WAAWC,QAAQ;YACfb,YAAY;mBACLA;gBACHa;aACH;YACD,OAAO;gBACHb,YAAYA,UAAUc,MAAM,CAAC,CAACC,IAAIA,MAAMF;YAC5C;QACJ;QACAG;YACI,OAAOjB;QACX;IACJ;IACA,SAASI;QACL,KAAK,MAAMU,YAAYb,UAAU;YAC7Ba;QACJ;IACJ;IACA,OAAOZ;AACX"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCarouselValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCarouselValues_unstable;
+    }
+});
+const _shim = require("use-sync-external-store/shim");
+const _CarouselContext = require("./CarouselContext");
+function useCarouselValues_unstable(getSnapshot) {
+    const store = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.store);
+    return (0, _shim.useSyncExternalStore)(store.subscribe, ()=>getSnapshot(store.getSnapshot()));
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselValues.js"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { useCarouselContext_unstable } from './CarouselContext';\nexport function useCarouselValues_unstable(getSnapshot) {\n    const store = useCarouselContext_unstable((c)=>c.store);\n    return useSyncExternalStore(store.subscribe, ()=>getSnapshot(store.getSnapshot()));\n}\n"],"names":["useCarouselValues_unstable","getSnapshot","store","useCarouselContext_unstable","c","useSyncExternalStore","subscribe"],"mappings":";;;;+BAEgBA;;;eAAAA;;;sBAFqB;iCACO;AACrC,SAASA,2BAA2BC,WAAW;IAClD,MAAMC,QAAQC,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEF,KAAK;IACtD,OAAOG,IAAAA,0BAAoB,EAACH,MAAMI,SAAS,EAAE,IAAIL,YAAYC,MAAMD,WAAW;AAClF"}

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

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCarouselWalker_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCarouselWalker_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _constants = require("./constants");
+const useCarouselWalker_unstable = ()=>{
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const treeWalkerRef = _react.useRef(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.createTreeWalker(targetDocument.body));
+    const htmlRef = _react.useRef(null);
+    const ref = _react.useCallback((el)=>{
+        if (!targetDocument) {
+            return;
+        }
+        if (!el) {
+            return;
+        }
+        htmlRef.current = el;
+        treeWalkerRef.current = targetDocument.createTreeWalker(el, NodeFilter.SHOW_ELEMENT, {
+            acceptNode (node) {
+                if (!(0, _reactutilities.isHTMLElement)(node)) {
+                    return NodeFilter.FILTER_SKIP;
+                }
+                return node.hasAttribute(_constants.CAROUSEL_ITEM) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+            }
+        });
+    }, [
+        targetDocument
+    ]);
+    return {
+        ref,
+        walker: _react.useMemo(()=>({
+                active () {
+                    if (!htmlRef.current) {
+                        return null;
+                    }
+                    const activeEl = htmlRef.current.querySelector(`[${_constants.CAROUSEL_ACTIVE_ITEM}="true"]`);
+                    if ((0, _reactutilities.isHTMLElement)(activeEl)) {
+                        return {
+                            el: activeEl,
+                            value: activeEl.getAttribute(_constants.CAROUSEL_ITEM)
+                        };
+                    }
+                    return null;
+                },
+                find (value) {
+                    var _treeWalkerRef_current;
+                    if (!((_treeWalkerRef_current = treeWalkerRef.current) === null || _treeWalkerRef_current === void 0 ? void 0 : _treeWalkerRef_current.currentNode) || !htmlRef.current) {
+                        return null;
+                    }
+                    treeWalkerRef.current.currentNode = htmlRef.current;
+                    let nextNode = null;
+                    while(nextNode = treeWalkerRef.current.nextNode()){
+                        if (!(0, _reactutilities.isHTMLElement)(nextNode)) {
+                            continue;
+                        }
+                        if (nextNode.getAttribute(_constants.CAROUSEL_ITEM) === value) {
+                            return {
+                                el: nextNode,
+                                value: nextNode.getAttribute(_constants.CAROUSEL_ITEM)
+                            };
+                        }
+                    }
+                    return null;
+                },
+                nextPage (value) {
+                    var _treeWalkerRef_current;
+                    const res = this.find(value);
+                    if (!res || !((_treeWalkerRef_current = treeWalkerRef.current) === null || _treeWalkerRef_current === void 0 ? void 0 : _treeWalkerRef_current.currentNode)) {
+                        return null;
+                    }
+                    treeWalkerRef.current.currentNode = res.el;
+                    const next = treeWalkerRef.current.nextNode();
+                    if ((0, _reactutilities.isHTMLElement)(next)) {
+                        return {
+                            el: next,
+                            value: next.getAttribute(_constants.CAROUSEL_ITEM)
+                        };
+                    }
+                    return null;
+                },
+                prevPage (value) {
+                    var _treeWalkerRef_current;
+                    const res = this.find(value);
+                    if (!res || !((_treeWalkerRef_current = treeWalkerRef.current) === null || _treeWalkerRef_current === void 0 ? void 0 : _treeWalkerRef_current.currentNode)) {
+                        return null;
+                    }
+                    treeWalkerRef.current.currentNode = res.el;
+                    const next = treeWalkerRef.current.previousNode();
+                    if ((0, _reactutilities.isHTMLElement)(next)) {
+                        return {
+                            el: next,
+                            value: next.getAttribute(_constants.CAROUSEL_ITEM)
+                        };
+                    }
+                    return null;
+                }
+            }), [])
+    };
+};

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarousel", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarousel;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarousel = require("./useTeachingPopoverCarousel");
+const _renderTeachingPopoverCarousel = require("./renderTeachingPopoverCarousel");
+const _useTeachingPopoverCarouselStylesstyles = require("./useTeachingPopoverCarouselStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useTeachingPopoverCarouselContextValues = require("./useTeachingPopoverCarouselContextValues");
+const TeachingPopoverCarousel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarousel.useTeachingPopoverCarousel_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselStylesstyles.useTeachingPopoverCarouselStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTeachingPopoverCarouselStyles_unstable')(state);
+    const contextValues = (0, _useTeachingPopoverCarouselContextValues.useTeachingPopoverCarouselContextValues_unstable)(state);
+    return (0, _renderTeachingPopoverCarousel.renderTeachingPopoverCarousel_unstable)(state, contextValues);
+});
+TeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarousel.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nimport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nimport { useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n/**\n * Define a styled TeachingPopoverCarousel, using the `useTeachingPopoverCarousel_unstable` and `useTeachingPopoverCarouselStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarousel injects context providers that are required for TeachingPopoverCarouselCard display and navigation functionality\n */ export const TeachingPopoverCarousel = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarousel_unstable(props, ref);\n    useTeachingPopoverCarouselStyles_unstable(state);\n    useCustomStyleHook_unstable('useTeachingPopoverCarouselStyles_unstable')(state);\n    const contextValues = useTeachingPopoverCarouselContextValues_unstable(state);\n    return renderTeachingPopoverCarousel_unstable(state, contextValues);\n});\nTeachingPopoverCarousel.displayName = 'TeachingPopoverCarousel';\n"],"names":["TeachingPopoverCarousel","React","forwardRef","props","ref","state","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useCustomStyleHook_unstable","contextValues","useTeachingPopoverCarouselContextValues_unstable","renderTeachingPopoverCarousel_unstable","displayName"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;4CAC6B;+CACG;wDACG;qCACd;yDACqB;AAMtD,MAAMA,0BAA0B,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC9E,MAAMC,QAAQC,IAAAA,+DAAmC,EAACH,OAAOC;IACzDG,IAAAA,iFAAyC,EAACF;IAC1CG,IAAAA,gDAA2B,EAAC,6CAA6CH;IACzE,MAAMI,gBAAgBC,IAAAA,yFAAgD,EAACL;IACvE,OAAOM,IAAAA,qEAAsC,EAACN,OAAOI;AACzD;AACAT,wBAAwBY,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TeachingPopoverCarousel"), exports);
+_export_star._(require("./TeachingPopoverCarousel.types"), exports);
+_export_star._(require("./renderTeachingPopoverCarousel"), exports);
+_export_star._(require("./useTeachingPopoverCarousel"), exports);
+_export_star._(require("./useTeachingPopoverCarouselStyles.styles"), exports);
+_export_star._(require("./useTeachingPopoverCarouselContextValues"), exports);

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverCarousel_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverCarousel_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _CarouselContext = require("./Carousel/CarouselContext");
+const renderTeachingPopoverCarousel_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CarouselContext.CarouselProvider, {
+        value: contextValues.carousel,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
+    });
+};

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

@@ -0,0 +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"}

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarousel_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarousel_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactpopover = require("@fluentui/react-popover");
+const _Carousel = require("./Carousel/Carousel");
+const useTeachingPopoverCarousel_unstable = (props, ref)=>{
+    const toggleOpen = (0, _reactpopover.usePopoverContext_unstable)((c)=>c.toggleOpen);
+    const handleFinish = (0, _reactutilities.useEventCallback)((event, data)=>{
+        var _props_onFinish;
+        (_props_onFinish = props.onFinish) === null || _props_onFinish === void 0 ? void 0 : _props_onFinish.call(props, event, data);
+        toggleOpen(event);
+    });
+    const { carousel, carouselRef } = (0, _Carousel.useCarousel_unstable)({
+        defaultValue: props.defaultValue,
+        value: props.value,
+        onValueChange: props.onValueChange,
+        onFinish: handleFinish
+    });
+    const appearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    return {
+        appearance,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref: (0, _reactutilities.useMergedRefs)(ref, carouselRef),
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        ...carousel
+    };
+};

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselContextValues_unstable;
+    }
+});
+function useTeachingPopoverCarouselContextValues_unstable(state) {
+    const { store, value, selectPageByValue, selectPageByDirection } = state;
+    const carousel = {
+        store,
+        value,
+        selectPageByDirection,
+        selectPageByValue
+    };
+    return {
+        carousel
+    };
+}

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

@@ -0,0 +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"}