@fluentui/react-carousel 0.0.0-nightly-20241008-0405.1

package/lib-commonjs/components/CarouselNavButton/useCarouselNavButtonStyles.styles.js

@@ -0,0 +1,293 @@
+"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, {
+    carouselNavButtonClassNames: function() {
+        return carouselNavButtonClassNames;
+    },
+    useCarouselNavButtonStyles_unstable: function() {
+        return useCarouselNavButtonStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const carouselNavButtonClassNames = {
+    root: 'fui-CarouselNavButton'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bceei9c: "f1k6fduh",
+        Bkecrkj: "fc5wo7j",
+        a9b677: "f1van5z7",
+        Bqenvij: "f1fkmctz",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1f5q0n8",
+        B7ck84d: "f1e4lqlz",
+        De3pzq: "f1c21dwh",
+        B4j52fo: "fre7gi1",
+        Bekrc4i: [
+            "f1358rze",
+            "f1rvrf73"
+        ],
+        Bn0qgzm: "fqdk4by",
+        ibv6hh: [
+            "f1rvrf73",
+            "f1358rze"
+        ],
+        Bsft5z2: "f13zj6fq",
+        ap17g6: "f2gz7yw",
+        li1rpt: "f1gw3sf2",
+        d9w3h3: 0,
+        B3778ie: 0,
+        B4j8arr: 0,
+        Bl18szs: 0,
+        Blrzh8d: "f1x820d0",
+        Bjuhk93: 0,
+        B1q35kw: 0,
+        Bw17bha: 0,
+        Bcgy8vk: 0,
+        Du69r6: 0,
+        Gp14am: 0,
+        vfts7: 0,
+        Bhxzhr1: 0,
+        G63luc: 0,
+        s924m2: 0,
+        Barhvk9: 0,
+        Ihftqj: 0,
+        wywymt: 0,
+        B0n5ga8: 0,
+        Bm2nyyq: 0,
+        xrcqlc: 0,
+        e1d83w: "fnwf5yv",
+        Dlnsje: "foue38v",
+        a2br6o: "fi4ui2s",
+        Bjyk6c5: "f1w4p7kh",
+        go7t6h: "fo5b2b9"
+    },
+    rootUnselected: {
+        Bw0xxkn: 0,
+        oeaueh: 0,
+        Bpd4iqm: 0,
+        Befb4lg: "f71xx7",
+        Byu6kyc: 0,
+        n8qw10: 0,
+        Bbjhlyh: 0,
+        i2cumq: 0,
+        Bunx835: 0,
+        Bdrgwmp: 0,
+        mqozju: 0,
+        lbo84a: 0,
+        Bksnhdo: 0,
+        Bci5o5g: 0,
+        u5e7qz: 0,
+        Bn40d3w: 0,
+        B7b6zxw: 0,
+        B8q5s1w: 0,
+        B5gfjzb: 0,
+        Bbcte9g: 0,
+        Bqz3imu: "f1j9b7x8",
+        Bj9ihqo: 0,
+        Bl51kww: 0,
+        B3bvztg: 0,
+        Btyt4dx: 0,
+        Brhw1f9: "f1tdm9ui",
+        Bw81rd7: 0,
+        kdpuga: 0,
+        dm238s: 0,
+        B6xbmo0: 0,
+        B3whbx2: "f2krc9w",
+        Bp15pi3: "f4qmjcr",
+        Bay5ve9: "f1ry2q4s",
+        Bni0232: "f1e9f9ku"
+    },
+    rootSelected: {
+        a9b677: "f1eh74fx",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fwku66v",
+        Bw0xxkn: 0,
+        oeaueh: 0,
+        Bpd4iqm: 0,
+        Befb4lg: "f71xx7",
+        Byu6kyc: 0,
+        n8qw10: 0,
+        Bbjhlyh: 0,
+        i2cumq: 0,
+        Bunx835: 0,
+        Bdrgwmp: 0,
+        mqozju: 0,
+        lbo84a: 0,
+        Bksnhdo: 0,
+        Bci5o5g: 0,
+        u5e7qz: 0,
+        Bn40d3w: 0,
+        B7b6zxw: 0,
+        B8q5s1w: 0,
+        B5gfjzb: 0,
+        Bbcte9g: 0,
+        Bqz3imu: "f1j9b7x8",
+        Bj9ihqo: 0,
+        Bl51kww: 0,
+        B3bvztg: 0,
+        Btyt4dx: 0,
+        Brhw1f9: "f1tdm9ui",
+        Bw81rd7: 0,
+        kdpuga: 0,
+        dm238s: 0,
+        B6xbmo0: 0,
+        B3whbx2: "f2krc9w",
+        a2br6o: "f1v6lwa2",
+        d9w3h3: 0,
+        B3778ie: 0,
+        B4j8arr: 0,
+        Bl18szs: 0,
+        Blrzh8d: "fgm6wgx",
+        Bay5ve9: "f1ry2q4s",
+        Bni0232: "f1gxfet"
+    },
+    brand: {
+        Bjyk6c5: "fwgxjcu",
+        Bp15pi3: "fjsqi2x",
+        Glksuk: "f1dsn91x",
+        Bay5ve9: "f9atwx8",
+        Blzl0y7: "fduhhxw",
+        Bni0232: "f1e9f9ku"
+    },
+    unselectedBrand: {
+        Bp15pi3: "f7x02et"
+    }
+}, {
+    d: [
+        ".f1k6fduh{cursor:pointer;}",
+        ".fc5wo7j{pointer-events:all;}",
+        ".f1van5z7{width:var(--spacingHorizontalS);}",
+        ".f1fkmctz{height:var(--spacingVerticalS);}",
+        [
+            ".f1f5q0n8{padding:var(--spacingVerticalS) var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1e4lqlz{box-sizing:content-box;}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".fre7gi1{border-top-width:0;}",
+        ".f1358rze{border-right-width:0;}",
+        ".f1rvrf73{border-left-width:0;}",
+        ".fqdk4by{border-bottom-width:0;}",
+        ".f13zj6fq::after{content:\"\";}",
+        ".f2gz7yw::after{display:block;}",
+        ".f1gw3sf2::after{box-sizing:border-box;}",
+        [
+            ".f1x820d0::after{border-radius:50%;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fnwf5yv::after{border:none;}",
+            {
+                p: -2
+            }
+        ],
+        ".foue38v::after{height:var(--spacingVerticalS);}",
+        ".fi4ui2s::after{width:var(--spacingHorizontalS);}",
+        ".f1w4p7kh::after{background-color:var(--colorNeutralForeground1);}",
+        ".fo5b2b9::after{color:var(--colorNeutralForeground1);}",
+        [
+            ".f71xx7{outline:var(--strokeWidthThin) solid transparent;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1j9b7x8[data-fui-focus-visible]{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".f1tdm9ui[data-fui-focus-visible]{margin:calc(-1 * var(--strokeWidthThick));}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f4qmjcr::after{opacity:0.65;}",
+        ".f1eh74fx{width:var(--spacingHorizontalL);}",
+        [
+            ".fwku66v{padding:var(--spacingVerticalS) var(--spacingHorizontalXS);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f71xx7{outline:var(--strokeWidthThin) solid transparent;}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f1j9b7x8[data-fui-focus-visible]{border:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}",
+            {
+                p: -2
+            }
+        ],
+        [
+            ".f1tdm9ui[data-fui-focus-visible]{margin:calc(-1 * var(--strokeWidthThick));}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1v6lwa2::after{width:var(--spacingHorizontalL);}",
+        [
+            ".fgm6wgx::after{border-radius:4px;}",
+            {
+                p: -1
+            }
+        ],
+        ".fwgxjcu::after{background-color:var(--colorBrandBackground);}",
+        ".fjsqi2x::after{opacity:1;}",
+        ".f7x02et::after{opacity:0.6;}"
+    ],
+    h: [
+        ".f1ry2q4s:hover::after{opacity:0.75;}",
+        ".f1dsn91x:hover::after{background-color:var(--colorBrandBackgroundHover);}",
+        ".f9atwx8:hover::after{opacity:1;}"
+    ],
+    a: [
+        ".f1e9f9ku:active::after{opacity:1;}",
+        ".f1gxfet:active::after{opacity:0.65;}",
+        ".fduhhxw:active::after{background-color:var(--colorBrandBackgroundPressed);}"
+    ]
+});
+const useCarouselNavButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const { selected, appearance } = state;
+    state.root.className = (0, _react.mergeClasses)(carouselNavButtonClassNames.root, styles.root, selected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && styles.brand, !selected && appearance === 'brand' && styles.unselectedBrand, state.root.className);
+    return state;
+}; //# sourceMappingURL=useCarouselNavButtonStyles.styles.js.map

package/lib-commonjs/components/CarouselNavButton/useCarouselNavButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const carouselNavButtonClassNames = {\n    root: 'fui-CarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        cursor: 'pointer',\n        pointerEvents: 'all',\n        width: tokens.spacingHorizontalS,\n        height: tokens.spacingVerticalS,\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n        boxSizing: 'content-box',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderWidth(0),\n        '::after': {\n            content: '\"\"',\n            display: 'block',\n            boxSizing: 'border-box',\n            borderRadius: '50%',\n            border: 'none',\n            height: tokens.spacingVerticalS,\n            width: tokens.spacingHorizontalS,\n            backgroundColor: tokens.colorNeutralForeground1,\n            color: tokens.colorNeutralForeground1\n        }\n    },\n    rootUnselected: {\n        outline: `${tokens.strokeWidthThin} solid transparent`,\n        ...createCustomFocusIndicatorStyle({\n            border: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            margin: `calc(-1 * ${tokens.strokeWidthThick})`,\n            borderRadius: tokens.borderRadiusMedium\n        }),\n        '::after': {\n            opacity: 0.65\n        },\n        ':hover': {\n            '::after': {\n                opacity: 0.75\n            }\n        },\n        ':active': {\n            '::after': {\n                opacity: 1\n            }\n        }\n    },\n    rootSelected: {\n        width: tokens.spacingHorizontalL,\n        padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalXS}`,\n        outline: `${tokens.strokeWidthThin} solid transparent`,\n        ...createCustomFocusIndicatorStyle({\n            border: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            margin: `calc(-1 * ${tokens.strokeWidthThick})`,\n            borderRadius: tokens.borderRadiusMedium\n        }),\n        '::after': {\n            width: tokens.spacingHorizontalL,\n            borderRadius: '4px'\n        },\n        ':hover': {\n            '::after': {\n                opacity: 0.75\n            }\n        },\n        ':active': {\n            '::after': {\n                opacity: 0.65\n            }\n        }\n    },\n    brand: {\n        '::after': {\n            backgroundColor: tokens.colorBrandBackground,\n            opacity: 1\n        },\n        ':hover': {\n            '::after': {\n                backgroundColor: tokens.colorBrandBackgroundHover,\n                opacity: 1\n            }\n        },\n        ':active': {\n            '::after': {\n                backgroundColor: tokens.colorBrandBackgroundPressed,\n                opacity: 1\n            }\n        }\n    },\n    unselectedBrand: {\n        '::after': {\n            opacity: 0.6\n        }\n    }\n});\n/**\n * Apply styling to the CarouselNavButton slots based on the state\n */ export const useCarouselNavButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { selected, appearance } = state;\n    state.root.className = mergeClasses(carouselNavButtonClassNames.root, styles.root, selected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && styles.brand, !selected && appearance === 'brand' && styles.unselectedBrand, state.root.className);\n    return state;\n};\n"],"names":["carouselNavButtonClassNames","useCarouselNavButtonStyles_unstable","root","useStyles","__styles","Bceei9c","Bkecrkj","a9b677","Bqenvij","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B7ck84d","De3pzq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","Bsft5z2","ap17g6","li1rpt","d9w3h3","B3778ie","B4j8arr","Bl18szs","Blrzh8d","Bjuhk93","B1q35kw","Bw17bha","Bcgy8vk","Du69r6","Gp14am","vfts7","Bhxzhr1","G63luc","s924m2","Barhvk9","Ihftqj","wywymt","B0n5ga8","Bm2nyyq","xrcqlc","e1d83w","Dlnsje","a2br6o","Bjyk6c5","go7t6h","rootUnselected","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Byu6kyc","n8qw10","Bbjhlyh","i2cumq","Bunx835","Bdrgwmp","mqozju","lbo84a","Bksnhdo","Bci5o5g","u5e7qz","Bn40d3w","B7b6zxw","B8q5s1w","B5gfjzb","Bbcte9g","Bqz3imu","Bj9ihqo","Bl51kww","B3bvztg","Btyt4dx","Brhw1f9","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","Bp15pi3","Bay5ve9","Bni0232","rootSelected","brand","Glksuk","Blzl0y7","unselectedBrand","d","p","h","a","state","styles","selected","appearance","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CarouselNavContainer", {
+    enumerable: true,
+    get: function() {
+        return CarouselNavContainer;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useCarouselNavContainer = require("./useCarouselNavContainer");
+const _renderCarouselNavContainer = require("./renderCarouselNavContainer");
+const _useCarouselNavContainerStylesstyles = require("./useCarouselNavContainerStyles.styles");
+const CarouselNavContainer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useCarouselNavContainer.useCarouselNavContainer_unstable)(props, ref);
+    (0, _useCarouselNavContainerStylesstyles.useCarouselNavContainerStyles_unstable)(state);
+    /**
+   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md
+   *
+   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),
+   *      - uncomment this line
+   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}
+   *      - verify that custom global style override works for your component
+   */ // useCustomStyleHook_unstable('useCarouselNavContainerStyles_unstable')(state);
+    return (0, _renderCarouselNavContainer.renderCarouselNavContainer_unstable)(state);
+});
+CarouselNavContainer.displayName = 'CarouselNavContainer';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CarouselNavContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCarouselNavContainer_unstable } from './useCarouselNavContainer';\nimport { renderCarouselNavContainer_unstable } from './renderCarouselNavContainer';\nimport { useCarouselNavContainerStyles_unstable } from './useCarouselNavContainerStyles.styles';\nimport type { CarouselNavContainerProps } from './CarouselNavContainer.types';\n\n/**\n * CarouselNavContainer component - This container will provide multiple valid layout options for the underlying carousel controls\n */\nexport const CarouselNavContainer: ForwardRefComponent<CarouselNavContainerProps> = React.forwardRef((props, ref) => {\n  const state = useCarouselNavContainer_unstable(props, ref);\n\n  useCarouselNavContainerStyles_unstable(state);\n\n  /**\n   * @see https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/rfcs/react-components/convergence/custom-styling.md\n   *\n   * TODO: 💡 once package will become stable (PR which will be part of promoting PREVIEW package to STABLE),\n   *      - uncomment this line\n   *      - update types {@link file://./../../../../../../../packages/react-components/react-shared-contexts/library/src/CustomStyleHooksContext/CustomStyleHooksContext.ts#CustomStyleHooksContextValue}\n   *      - verify that custom global style override works for your component\n   */\n  // useCustomStyleHook_unstable('useCarouselNavContainerStyles_unstable')(state);\n\n  return renderCarouselNavContainer_unstable(state);\n});\n\nCarouselNavContainer.displayName = 'CarouselNavContainer';\n"],"names":["CarouselNavContainer","React","forwardRef","props","ref","state","useCarouselNavContainer_unstable","useCarouselNavContainerStyles_unstable","renderCarouselNavContainer_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;yCAE0B;4CACG;qDACG;AAMhD,MAAMA,uBAAAA,WAAAA,GAAuEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQC,IAAAA,yDAAAA,EAAiCH,OAAOC;IAEtDG,IAAAA,2EAAAA,EAAuCF;IAEvC;;;;;;;GAOC,GACD,gFAAgF;IAEhF,OAAOG,IAAAA,+DAAAA,EAAoCH;AAC7C;AAEAL,qBAAqBS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CarouselNavContainer.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { CarouselAutoplayButton } from '../CarouselAutoplayButton/CarouselAutoplayButton';\nimport { CarouselButtonProps } from '../CarouselButton/CarouselButton.types';\n\nexport type CarouselNavContainerSlots = {\n  root: Slot<'div'>;\n  next?: Slot<CarouselButtonProps>;\n  prev?: Slot<CarouselButtonProps>;\n  autoplay?: Slot<typeof CarouselAutoplayButton>;\n};\n\n/**\n * CarouselNavContainer Props\n */\nexport type CarouselNavContainerProps = ComponentProps<CarouselNavContainerSlots> & {\n  /**\n   * Default: 'inline'\n   * Defines the nav container layout:\n   *\n   * 'inline' - Default controls inline with carousel view\n   *\n   *  inline-wide - Similar to inline but places nav buttons on far left/right\n   *\n   * 'overlay' - Controls overlaid on bottom of carousel viewport,\n   *\n   * 'overlay-wide' - Controls overlaid on bottom of carousel viewport with prev+autoplay/next buttons on far side\n   *\n   * 'overlay-expanded' - Controls overlaid on bottom of carousel viewport, with prev/next buttons on sides vertically centered\n   */\n  layout?: 'inline' | 'inline-wide' | 'overlay' | 'overlay-wide' | 'overlay-expanded';\n};\n\n/**\n * State used in rendering CarouselNavContainer\n */\nexport type CarouselNavContainerState = ComponentState<CarouselNavContainerSlots> &\n  Pick<CarouselNavContainerProps, 'layout'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgCA;;CAEC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./CarouselNavContainer"), exports);
+_export_star._(require("./CarouselNavContainer.types"), exports);
+_export_star._(require("./renderCarouselNavContainer"), exports);
+_export_star._(require("./useCarouselNavContainer"), exports);
+_export_star._(require("./useCarouselNavContainerStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CarouselNavContainer';\nexport * from './CarouselNavContainer.types';\nexport * from './renderCarouselNavContainer';\nexport * from './useCarouselNavContainer';\nexport * from './useCarouselNavContainerStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/CarouselNavContainer/renderCarouselNavContainer.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderCarouselNavContainer_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderCarouselNavContainer_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderCarouselNavContainer_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.autoplay && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.autoplay, {}),
+            state.prev && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.prev, {}),
+            state.root.children,
+            state.next && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.next, {})
+        ]
+    });
+};

package/lib-commonjs/components/CarouselNavContainer/renderCarouselNavContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderCarouselNavContainer.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { CarouselNavContainerState, CarouselNavContainerSlots } from './CarouselNavContainer.types';\n\n/**\n * Render the final JSX of CarouselNavContainer\n */\nexport const renderCarouselNavContainer_unstable = (state: CarouselNavContainerState) => {\n  assertSlots<CarouselNavContainerSlots>(state);\n\n  return (\n    <state.root>\n      {state.autoplay && <state.autoplay />}\n      {state.prev && <state.prev />}\n      {state.root.children}\n      {state.next && <state.next />}\n    </state.root>\n  );\n};\n"],"names":["renderCarouselNavContainer_unstable","state","assertSlots","_jsxs","root","autoplay","_jsx","prev","children","next"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,sCAAsC,CAACC;IAClDC,IAAAA,2BAAAA,EAAuCD;IAEvC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,QAAQ,EAAA,CAAA;YACjCJ,MAAMM,IAAI,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,IAAI,EAAA,CAAA;YACzBN,MAAMG,IAAI,CAACI,QAAQ;YACnBP,MAAMQ,IAAI,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACL,MAAMQ,IAAI,EAAA,CAAA;;;AAGhC"}

package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainer.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCarouselNavContainer_unstable", {
+    enumerable: true,
+    get: function() {
+        return useCarouselNavContainer_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 _CarouselAutoplayButton = require("../CarouselAutoplayButton/CarouselAutoplayButton");
+const _CarouselButton = require("../CarouselButton/CarouselButton");
+const useCarouselNavContainer_unstable = (props, ref)=>{
+    const { layout } = props;
+    const next = _reactutilities.slot.optional(props.next, {
+        defaultProps: {
+            navType: 'next'
+        },
+        elementType: _CarouselButton.CarouselButton,
+        renderByDefault: true
+    });
+    const prev = _reactutilities.slot.optional(props.prev, {
+        defaultProps: {
+            navType: 'prev'
+        },
+        elementType: _CarouselButton.CarouselButton,
+        renderByDefault: true
+    });
+    const autoplay = _reactutilities.slot.optional(props.autoplay, {
+        renderByDefault: false,
+        elementType: _CarouselAutoplayButton.CarouselAutoplayButton
+    });
+    return {
+        layout,
+        components: {
+            root: 'div',
+            next: _CarouselButton.CarouselButton,
+            prev: _CarouselButton.CarouselButton,
+            autoplay: _CarouselAutoplayButton.CarouselAutoplayButton
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        next,
+        prev,
+        autoplay
+    };
+};

package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselNavContainer.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { CarouselNavContainerProps, CarouselNavContainerState } from './CarouselNavContainer.types';\nimport { CarouselAutoplayButton } from '../CarouselAutoplayButton/CarouselAutoplayButton';\nimport { CarouselButton } from '../CarouselButton/CarouselButton';\n\n/**\n * Create the state required to render CarouselNavContainer.\n *\n * The returned state can be modified with hooks such as useCarouselNavContainerStyles_unstable,\n * before being passed to renderCarouselNavContainer_unstable.\n *\n * @param props - props from this instance of CarouselNavContainer\n * @param ref - reference to root HTMLDivElement of CarouselNavContainer\n */\nexport const useCarouselNavContainer_unstable = (\n  props: CarouselNavContainerProps,\n  ref: React.Ref<HTMLDivElement>,\n): CarouselNavContainerState => {\n  const { layout } = props;\n  const next: CarouselNavContainerState['next'] = slot.optional(props.next, {\n    defaultProps: {\n      navType: 'next',\n    },\n    elementType: CarouselButton,\n    renderByDefault: true,\n  });\n\n  const prev: CarouselNavContainerState['prev'] = slot.optional(props.prev, {\n    defaultProps: {\n      navType: 'prev',\n    },\n    elementType: CarouselButton,\n    renderByDefault: true,\n  });\n\n  const autoplay: CarouselNavContainerState['autoplay'] = slot.optional(props.autoplay, {\n    renderByDefault: false,\n    elementType: CarouselAutoplayButton,\n  });\n\n  return {\n    layout,\n    components: {\n      root: 'div',\n      next: CarouselButton,\n      prev: CarouselButton,\n      autoplay: CarouselAutoplayButton,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    next,\n    prev,\n    autoplay,\n  };\n};\n"],"names":["useCarouselNavContainer_unstable","props","ref","layout","next","slot","optional","defaultProps","navType","elementType","CarouselButton","renderByDefault","prev","autoplay","CarouselAutoplayButton","components","root","always","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;gCACwB;wCAER;gCACR;AAWxB,MAAMA,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGF;IACnB,MAAMG,OAA0CC,oBAAAA,CAAKC,QAAQ,CAACL,MAAMG,IAAI,EAAE;QACxEG,cAAc;YACZC,SAAS;QACX;QACAC,aAAaC,8BAAAA;QACbC,iBAAiB;IACnB;IAEA,MAAMC,OAA0CP,oBAAAA,CAAKC,QAAQ,CAACL,MAAMW,IAAI,EAAE;QACxEL,cAAc;YACZC,SAAS;QACX;QACAC,aAAaC,8BAAAA;QACbC,iBAAiB;IACnB;IAEA,MAAME,WAAkDR,oBAAAA,CAAKC,QAAQ,CAACL,MAAMY,QAAQ,EAAE;QACpFF,iBAAiB;QACjBF,aAAaK,8CAAAA;IACf;IAEA,OAAO;QACLX;QACAY,YAAY;YACVC,MAAM;YACNZ,MAAMM,8BAAAA;YACNE,MAAMF,8BAAAA;YACNG,UAAUC,8CAAAA;QACZ;QACAE,MAAMX,oBAAAA,CAAKY,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BhB;YACA,GAAGD,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;QAEvBL;QACAQ;QACAC;IACF;AACF"}

package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainerStyles.styles.js

@@ -0,0 +1,163 @@
+"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, {
+    carouselNavContainerClassNames: function() {
+        return carouselNavContainerClassNames;
+    },
+    useCarouselNavContainerStyles_unstable: function() {
+        return useCarouselNavContainerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const carouselNavContainerClassNames = {
+    root: 'fui-CarouselNavContainer',
+    next: 'fui-CarouselNavContainer__next',
+    prev: 'fui-CarouselNavContainer__prev',
+    autoplay: 'fui-CarouselNavContainer__autoplay'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        Brf1p80: "f4d9j23",
+        a9b677: "fly5x3f",
+        Bkecrkj: "f1aehjj5"
+    },
+    next: {},
+    prev: {},
+    autoplay: {},
+    inline: {
+        B6of3ja: "f1mevb6"
+    },
+    overlay: {
+        qhf8xq: "f1euv43f",
+        B5kzvoi: "f1bu4tuc",
+        B7ck84d: "f1ewtqcl"
+    },
+    overlayWide: {
+        B5kzvoi: "f1bu4tuc"
+    },
+    nextWide: {
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ]
+    },
+    prevWide: {
+        t21cq0: [
+            "f1ujusj6",
+            "fcgxt0o"
+        ]
+    },
+    nextOverlayWide: {
+        t21cq0: [
+            "fkujibs",
+            "f199hnxi"
+        ]
+    },
+    prevOverlayWide: {
+        Frg6f3: [
+            "f199hnxi",
+            "fkujibs"
+        ]
+    },
+    autoplayOverlayWide: {
+        Frg6f3: [
+            "f199hnxi",
+            "fkujibs"
+        ]
+    },
+    expanded: {
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        Bt984gj: "fgs5rwf",
+        Brf1p80: "f4d9j23",
+        B5kzvoi: "f1yab3r1",
+        c7y7m3: "f1ok8cdc",
+        yx0ijg: "fcq6x80",
+        v4amzz: "f1gy9d85"
+    },
+    nextOverlayExpanded: {
+        qhf8xq: "f1euv43f",
+        j35jbq: [
+            "f8b87gs",
+            "fedtrts"
+        ],
+        Bhzewxz: "f1i1t8d1",
+        Bz10aip: "f188r07x"
+    },
+    prevOverlayExpanded: {
+        qhf8xq: "f1euv43f",
+        oyh7mz: [
+            "fedtrts",
+            "f8b87gs"
+        ],
+        Bhzewxz: "f1i1t8d1",
+        Bz10aip: "f188r07x"
+    },
+    autoplayExpanded: {
+        qhf8xq: "f1euv43f",
+        B5kzvoi: "f49tsn4",
+        oyh7mz: [
+            "fedtrts",
+            "f8b87gs"
+        ],
+        jrapky: "f18zxyen"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f4d9j23{justify-content:center;}",
+        ".fly5x3f{width:100%;}",
+        ".f1aehjj5{pointer-events:none;}",
+        ".f1mevb6{margin-top:var(--spacingVerticalM);}",
+        ".f1euv43f{position:absolute;}",
+        ".f1bu4tuc{bottom:var(--spacingVerticalM);}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f1ujusj6{margin-right:auto;}",
+        ".fkujibs{margin-right:var(--spacingHorizontalM);}",
+        ".f199hnxi{margin-left:var(--spacingHorizontalM);}",
+        ".f1l02sjl{height:100%;}",
+        ".fgs5rwf{align-items:flex-end;}",
+        ".f1yab3r1{bottom:0;}",
+        ".f1ok8cdc>div{position:relative;}",
+        ".fcq6x80>div{bottom:var(--spacingVerticalL);}",
+        ".f1gy9d85>div{margin-bottom:0;}",
+        ".f8b87gs{right:var(--spacingHorizontalM);}",
+        ".fedtrts{left:var(--spacingHorizontalM);}",
+        ".f1i1t8d1{top:50%;}",
+        ".f188r07x{transform:translateY(-50%);}",
+        ".f49tsn4{bottom:-var(--spacingHorizontalXS);}",
+        ".f18zxyen{margin-bottom:var(--spacingVerticalM);}"
+    ]
+});
+const useCarouselNavContainerStyles_unstable = (state)=>{
+    'use no memo';
+    const { layout } = state;
+    const isOverlay = layout === 'overlay' || layout === 'overlay-wide' || layout === 'overlay-expanded';
+    const isWide = layout === 'inline-wide' || layout === 'overlay-wide';
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(carouselNavContainerClassNames.root, styles.root, isOverlay ? styles.overlay : styles.inline, isOverlay && isWide && styles.overlayWide, layout === 'overlay-expanded' && styles.expanded, state.root.className);
+    if (state.next) {
+        state.next.className = (0, _react.mergeClasses)(carouselNavContainerClassNames.next, styles.next, isWide && styles.nextWide, isWide && isOverlay && styles.nextOverlayWide, layout === 'overlay-expanded' && styles.nextOverlayExpanded, state.next.className);
+    }
+    if (state.prev) {
+        state.prev.className = (0, _react.mergeClasses)(carouselNavContainerClassNames.prev, styles.prev, isWide && styles.prevWide, !state.autoplay && isWide && isOverlay && styles.prevOverlayWide, layout === 'overlay-expanded' && styles.prevOverlayExpanded, state.prev.className);
+    }
+    if (state.autoplay) {
+        state.autoplay.className = (0, _react.mergeClasses)(carouselNavContainerClassNames.autoplay, styles.autoplay, layout === 'overlay-expanded' && styles.autoplayExpanded, isWide && isOverlay && styles.autoplayOverlayWide, state.autoplay.className);
+    }
+    return state;
+}; //# sourceMappingURL=useCarouselNavContainerStyles.styles.js.map

package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCarouselNavContainerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const carouselNavContainerClassNames = {\n    root: 'fui-CarouselNavContainer',\n    next: 'fui-CarouselNavContainer__next',\n    prev: 'fui-CarouselNavContainer__prev',\n    autoplay: 'fui-CarouselNavContainer__autoplay'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'center',\n        width: '100%',\n        pointerEvents: 'none'\n    },\n    next: {},\n    prev: {},\n    autoplay: {},\n    inline: {\n        marginTop: tokens.spacingVerticalM\n    },\n    overlay: {\n        position: 'absolute',\n        bottom: tokens.spacingVerticalM,\n        boxSizing: 'border-box'\n    },\n    overlayWide: {\n        bottom: tokens.spacingVerticalM\n    },\n    nextWide: {\n        marginLeft: 'auto'\n    },\n    prevWide: {\n        marginRight: 'auto'\n    },\n    nextOverlayWide: {\n        marginRight: tokens.spacingHorizontalM\n    },\n    prevOverlayWide: {\n        marginLeft: tokens.spacingHorizontalM\n    },\n    autoplayOverlayWide: {\n        marginLeft: tokens.spacingHorizontalM\n    },\n    expanded: {\n        width: '100%',\n        height: '100%',\n        alignItems: 'flex-end',\n        justifyContent: 'center',\n        bottom: 0,\n        '> div': {\n            position: 'relative',\n            bottom: tokens.spacingVerticalL,\n            marginBottom: 0\n        }\n    },\n    nextOverlayExpanded: {\n        position: 'absolute',\n        right: tokens.spacingHorizontalM,\n        top: '50%',\n        transform: 'translateY(-50%)'\n    },\n    prevOverlayExpanded: {\n        position: 'absolute',\n        left: tokens.spacingHorizontalM,\n        top: '50%',\n        transform: 'translateY(-50%)'\n    },\n    autoplayExpanded: {\n        position: 'absolute',\n        bottom: `-${tokens.spacingHorizontalXS}`,\n        left: tokens.spacingHorizontalM,\n        marginBottom: tokens.spacingVerticalM\n    }\n});\n/**\n * Apply styling to the CarouselNavContainer slots based on the state\n */ export const useCarouselNavContainerStyles_unstable = (state)=>{\n    'use no memo';\n    const { layout } = state;\n    const isOverlay = layout === 'overlay' || layout === 'overlay-wide' || layout === 'overlay-expanded';\n    const isWide = layout === 'inline-wide' || layout === 'overlay-wide';\n    const styles = useStyles();\n    state.root.className = mergeClasses(carouselNavContainerClassNames.root, styles.root, isOverlay ? styles.overlay : styles.inline, isOverlay && isWide && styles.overlayWide, layout === 'overlay-expanded' && styles.expanded, state.root.className);\n    if (state.next) {\n        state.next.className = mergeClasses(carouselNavContainerClassNames.next, styles.next, isWide && styles.nextWide, isWide && isOverlay && styles.nextOverlayWide, layout === 'overlay-expanded' && styles.nextOverlayExpanded, state.next.className);\n    }\n    if (state.prev) {\n        state.prev.className = mergeClasses(carouselNavContainerClassNames.prev, styles.prev, isWide && styles.prevWide, !state.autoplay && isWide && isOverlay && styles.prevOverlayWide, layout === 'overlay-expanded' && styles.prevOverlayExpanded, state.prev.className);\n    }\n    if (state.autoplay) {\n        state.autoplay.className = mergeClasses(carouselNavContainerClassNames.autoplay, styles.autoplay, layout === 'overlay-expanded' && styles.autoplayExpanded, isWide && isOverlay && styles.autoplayOverlayWide, state.autoplay.className);\n    }\n    return state;\n};\n"],"names":["carouselNavContainerClassNames","useCarouselNavContainerStyles_unstable","root","next","prev","autoplay","useStyles","__styles","mc9l5x","Beiy3e4","Brf1p80","a9b677","Bkecrkj","inline","B6of3ja","overlay","qhf8xq","B5kzvoi","B7ck84d","overlayWide","nextWide","Frg6f3","prevWide","t21cq0","nextOverlayWide","prevOverlayWide","autoplayOverlayWide","expanded","Bqenvij","Bt984gj","c7y7m3","yx0ijg","v4amzz","nextOverlayExpanded","j35jbq","Bhzewxz","Bz10aip","prevOverlayExpanded","oyh7mz","autoplayExpanded","jrapky","d","state","layout","isOverlay","isWide","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}