@fluentui/react-slider 9.1.35 → 9.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.json +58 -1
  2. package/CHANGELOG.md +18 -2
  3. package/lib/components/Slider/Slider.js.map +1 -1
  4. package/lib/components/Slider/renderSlider.js +8 -2
  5. package/lib/components/Slider/renderSlider.js.map +1 -1
  6. package/lib/components/Slider/useSlider.js +2 -2
  7. package/lib/components/Slider/useSlider.js.map +1 -1
  8. package/lib/components/Slider/useSliderState.js +3 -3
  9. package/lib/components/Slider/useSliderState.js.map +1 -1
  10. package/lib/components/Slider/useSliderStyles.styles.js.map +1 -1
  11. package/lib-commonjs/Slider.js +2 -2
  12. package/lib-commonjs/Slider.js.map +1 -1
  13. package/lib-commonjs/components/Slider/Slider.js +9 -7
  14. package/lib-commonjs/components/Slider/Slider.js.map +1 -1
  15. package/lib-commonjs/components/Slider/Slider.types.js +2 -2
  16. package/lib-commonjs/components/Slider/Slider.types.js.map +1 -1
  17. package/lib-commonjs/components/Slider/index.js +18 -10
  18. package/lib-commonjs/components/Slider/index.js.map +1 -1
  19. package/lib-commonjs/components/Slider/renderSlider.js +14 -6
  20. package/lib-commonjs/components/Slider/renderSlider.js.map +1 -1
  21. package/lib-commonjs/components/Slider/useSlider.js +17 -15
  22. package/lib-commonjs/components/Slider/useSlider.js.map +1 -1
  23. package/lib-commonjs/components/Slider/useSliderState.js +16 -14
  24. package/lib-commonjs/components/Slider/useSliderState.js.map +1 -1
  25. package/lib-commonjs/components/Slider/useSliderStyles.styles.js +14 -8
  26. package/lib-commonjs/components/Slider/useSliderStyles.styles.js.map +1 -1
  27. package/lib-commonjs/index.js +22 -8
  28. package/lib-commonjs/index.js.map +1 -1
  29. package/package.json +12 -12
package/CHANGELOG.json CHANGED
@@ -2,7 +2,64 @@
2
2
  "name": "@fluentui/react-slider",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 29 Aug 2023 12:53:36 GMT",
5
+ "date": "Tue, 05 Sep 2023 13:23:08 GMT",
6
+ "tag": "@fluentui/react-slider_v9.1.36",
7
+ "version": "9.1.36",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "bernardo.sunderhus@gmail.com",
12
+ "package": "@fluentui/react-slider",
13
+ "commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
14
+ "comment": "bumps @swc/helpers version to 0.5.1"
15
+ },
16
+ {
17
+ "author": "bernardo.sunderhus@gmail.com",
18
+ "package": "@fluentui/react-slider",
19
+ "commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
20
+ "comment": "chore: migrate package to use JSX importSource"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-slider",
25
+ "comment": "Bump @fluentui/react-field to v9.1.23",
26
+ "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-slider",
31
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
32
+ "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-slider",
37
+ "comment": "Bump @fluentui/react-shared-contexts to v9.7.3",
38
+ "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-slider",
43
+ "comment": "Bump @fluentui/react-tabster to v9.12.6",
44
+ "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-slider",
49
+ "comment": "Bump @fluentui/react-theme to v9.1.12",
50
+ "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-slider",
55
+ "comment": "Bump @fluentui/react-utilities to v9.13.1",
56
+ "commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
57
+ }
58
+ ]
59
+ }
60
+ },
61
+ {
62
+ "date": "Tue, 29 Aug 2023 12:57:36 GMT",
6
63
  "tag": "@fluentui/react-slider_v9.1.35",
7
64
  "version": "9.1.35",
8
65
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,28 @@
1
1
  # Change Log - @fluentui/react-slider
2
2
 
3
- This log was last generated on Tue, 29 Aug 2023 12:53:36 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 05 Sep 2023 13:23:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.36)
8
+
9
+ Tue, 05 Sep 2023 13:23:08 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.35..@fluentui/react-slider_v9.1.36)
11
+
12
+ ### Patches
13
+
14
+ - bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
15
+ - chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
16
+ - Bump @fluentui/react-field to v9.1.23 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v9.7.3 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.12.6 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
20
+ - Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
21
+ - Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
22
+
7
23
  ## [9.1.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.35)
8
24
 
9
- Tue, 29 Aug 2023 12:53:36 GMT
25
+ Tue, 29 Aug 2023 12:57:36 GMT
10
26
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.34..@fluentui/react-slider_v9.1.35)
11
27
 
12
28
  ### Patches
@@ -1 +1 @@
1
- {"version":3,"sources":["Slider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n const state = useSlider_unstable(props, ref);\n\n useSliderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n\n return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,2BAA2B;AAGpE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvF,MAAMC,QAAQR,mBAAmBM,OAAOC;IAExCL,yBAAyBM;IAEzBL,4BAA4B,4BAA4BK;IAExD,OAAOP,sBAAsBO;AAC/B,GAAG;AACHJ,OAAOK,WAAW,GAAG"}
1
+ {"version":3,"sources":["Slider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport type { SliderProps } from './Slider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */\nexport const Slider: ForwardRefComponent<SliderProps> = React.forwardRef((props, ref) => {\n const state = useSlider_unstable(props, ref);\n\n useSliderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n\n return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["React","useSlider_unstable","renderSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","Slider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,2BAA2B;AAGpE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,uBAA2CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/E,MAAMC,QAAQR,mBAAmBM,OAAOC;IAExCL,yBAAyBM;IAEzBL,4BAA4B,4BAA4BK;IAExD,OAAOP,sBAAsBO;AAC/B,GAAG;AACHJ,OAAOK,WAAW,GAAG"}
@@ -1,8 +1,14 @@
1
- /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
1
+ /** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
2
2
  import { assertSlots } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Render the final JSX of Slider
5
5
  */ export const renderSlider_unstable = (state)=>{
6
6
  assertSlots(state);
7
- return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.input, null), /*#__PURE__*/ createElement(state.rail, null), /*#__PURE__*/ createElement(state.thumb, null));
7
+ return /*#__PURE__*/ _jsxs(state.root, {
8
+ children: [
9
+ /*#__PURE__*/ _jsx(state.input, {}),
10
+ /*#__PURE__*/ _jsx(state.rail, {}),
11
+ /*#__PURE__*/ _jsx(state.thumb, {})
12
+ ]
13
+ });
8
14
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n assertSlots<SliderSlots>(state);\n\n return (\n <state.root>\n <state.input />\n <state.rail />\n <state.thumb />\n </state.root>\n );\n};\n"],"names":["createElement","assertSlots","renderSlider_unstable","state","root","input","rail","thumb"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC,QAAuB;IAC3DF,YAAyBE;IAEzB,qBACE,AAdJ,cAcKA,MAAMC,IAAI,sBACT,AAfN,cAeOD,MAAME,KAAK,uBACZ,AAhBN,cAgBOF,MAAMG,IAAI,uBACX,AAjBN,cAiBOH,MAAMI,KAAK;AAGlB,EAAE"}
1
+ {"version":3,"sources":["renderSlider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider_unstable = (state: SliderState) => {\n assertSlots<SliderSlots>(state);\n\n return (\n <state.root>\n <state.input />\n <state.rail />\n <state.thumb />\n </state.root>\n );\n};\n"],"names":["assertSlots","renderSlider_unstable","state","root","input","rail","thumb"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,wBAAwB,CAACC;IACpCF,YAAyBE;IAEzB,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,KAAK;0BACZ,KAACF,MAAMG,IAAI;0BACX,KAACH,MAAMI,KAAK;;;AAGlB,EAAE"}
@@ -16,8 +16,8 @@ export const useSlider_unstable = (props, ref)=>{
16
16
  'size'
17
17
  ]
18
18
  });
19
- const { disabled , vertical , size ='medium' , // Slots
20
- root , input , rail , thumb } = props;
19
+ const { disabled, vertical, size = 'medium', // Slots
20
+ root, input, rail, thumb } = props;
21
21
  const state = {
22
22
  disabled,
23
23
  size,
@@ -1 +1 @@
1
- {"version":3,"sources":["useSlider.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n // Merge props from surrounding <Field>, if any\n props = useFieldControlProps_unstable(props, { supportsLabelFor: true });\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['onChange', 'size'],\n });\n\n const {\n disabled,\n vertical,\n size = 'medium',\n // Slots\n root,\n input,\n rail,\n thumb,\n } = props;\n\n const state: SliderState = {\n disabled,\n size,\n vertical,\n components: {\n input: 'input',\n rail: 'div',\n root: 'div',\n thumb: 'div',\n },\n root: slot.always(root, {\n defaultProps: nativeProps.root,\n elementType: 'div',\n }),\n input: slot.always(input, {\n defaultProps: {\n id: useId('slider-', props.id),\n ref,\n ...nativeProps.primary,\n type: 'range',\n orient: vertical ? 'vertical' : undefined,\n },\n elementType: 'input',\n }),\n rail: slot.always(rail, { elementType: 'div' }),\n thumb: slot.always(thumb, { elementType: 'div' }),\n };\n\n state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n useSliderState_unstable(state, props);\n\n return state;\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,KAAK,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAClG,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC,MAAkD;IACvG,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB,IAAI;IAAC;IAEtE,MAAMC,cAAcV,0BAA0B;QAC5CO;QACAI,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IAEA,MAAM,EACJC,SAAQ,EACRC,SAAQ,EACRC,MAAO,SAAQ,EACf,QAAQ;IACRC,KAAI,EACJC,MAAK,EACLC,KAAI,EACJC,MAAK,EACN,GAAGZ;IAEJ,MAAMa,QAAqB;QACzBP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMb,KAAKmB,MAAM,CAACN,MAAM;YACtBO,cAAcb,YAAYM,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOd,KAAKmB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,IAAIxB,MAAM,WAAWM,MAAMkB,EAAE;gBAC7BjB;gBACA,GAAGE,YAAYgB,OAAO;gBACtBC,MAAM;gBACNC,QAAQd,WAAW,aAAae,SAAS;YAC3C;YACAL,aAAa;QACf;QACAN,MAAMf,KAAKmB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOhB,KAAKmB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACR,GAAG,GAAGN,cAAckB,MAAMJ,IAAI,CAACR,GAAG,EAAEH;IAE/CD,wBAAwBgB,OAAOb;IAE/B,OAAOa;AACT,EAAE"}
1
+ {"version":3,"sources":["useSlider.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { SliderProps, SliderState } from './Slider.types';\nimport { useFocusWithin } from '@fluentui/react-tabster';\n\nexport const useSlider_unstable = (props: SliderProps, ref: React.Ref<HTMLInputElement>): SliderState => {\n // Merge props from surrounding <Field>, if any\n props = useFieldControlProps_unstable(props, { supportsLabelFor: true });\n\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: ['onChange', 'size'],\n });\n\n const {\n disabled,\n vertical,\n size = 'medium',\n // Slots\n root,\n input,\n rail,\n thumb,\n } = props;\n\n const state: SliderState = {\n disabled,\n size,\n vertical,\n components: {\n input: 'input',\n rail: 'div',\n root: 'div',\n thumb: 'div',\n },\n root: slot.always(root, {\n defaultProps: nativeProps.root,\n elementType: 'div',\n }),\n input: slot.always(input, {\n defaultProps: {\n id: useId('slider-', props.id),\n ref,\n ...nativeProps.primary,\n type: 'range',\n orient: vertical ? 'vertical' : undefined,\n },\n elementType: 'input',\n }),\n rail: slot.always(rail, { elementType: 'div' }),\n thumb: slot.always(thumb, { elementType: 'div' }),\n };\n\n state.root.ref = useMergedRefs(state.root.ref, useFocusWithin<HTMLDivElement>());\n\n useSliderState_unstable(state, props);\n\n return state;\n};\n"],"names":["React","useFieldControlProps_unstable","getPartitionedNativeProps","useId","useMergedRefs","slot","useSliderState_unstable","useFocusWithin","useSlider_unstable","props","ref","supportsLabelFor","nativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","always","defaultProps","elementType","id","primary","type","orient","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,yBAAyB,EAAEC,KAAK,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAClG,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,OAAO,MAAMC,qBAAqB,CAACC,OAAoBC;IACrD,+CAA+C;IAC/CD,QAAQR,8BAA8BQ,OAAO;QAAEE,kBAAkB;IAAK;IAEtE,MAAMC,cAAcV,0BAA0B;QAC5CO;QACAI,oBAAoB;QACpBC,mBAAmB;YAAC;YAAY;SAAO;IACzC;IAEA,MAAM,EACJC,QAAQ,EACRC,QAAQ,EACRC,OAAO,QAAQ,EACf,QAAQ;IACRC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,KAAK,EACN,GAAGZ;IAEJ,MAAMa,QAAqB;QACzBP;QACAE;QACAD;QACAO,YAAY;YACVJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACT;QACAH,MAAMb,KAAKmB,MAAM,CAACN,MAAM;YACtBO,cAAcb,YAAYM,IAAI;YAC9BQ,aAAa;QACf;QACAP,OAAOd,KAAKmB,MAAM,CAACL,OAAO;YACxBM,cAAc;gBACZE,IAAIxB,MAAM,WAAWM,MAAMkB,EAAE;gBAC7BjB;gBACA,GAAGE,YAAYgB,OAAO;gBACtBC,MAAM;gBACNC,QAAQd,WAAW,aAAae;YAClC;YACAL,aAAa;QACf;QACAN,MAAMf,KAAKmB,MAAM,CAACJ,MAAM;YAAEM,aAAa;QAAM;QAC7CL,OAAOhB,KAAKmB,MAAM,CAACH,OAAO;YAAEK,aAAa;QAAM;IACjD;IAEAJ,MAAMJ,IAAI,CAACR,GAAG,GAAGN,cAAckB,MAAMJ,IAAI,CAACR,GAAG,EAAEH;IAE/CD,wBAAwBgB,OAAOb;IAE/B,OAAOa;AACT,EAAE"}
@@ -2,13 +2,13 @@ import * as React from 'react';
2
2
  import { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';
3
3
  import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
4
4
  import { sliderCSSVars } from './useSliderStyles.styles';
5
- const { sliderStepsPercentVar , sliderProgressVar , sliderDirectionVar } = sliderCSSVars;
5
+ const { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;
6
6
  const getPercent = (value, min, max)=>{
7
7
  return max === min ? 0 : (value - min) / (max - min) * 100;
8
8
  };
9
9
  export const useSliderState_unstable = (state, props)=>{
10
- const { defaultValue =0 , min =0 , max =100 , step , value } = props;
11
- const { dir } = useFluent();
10
+ const { defaultValue = 0, min = 0, max = 100, step, value } = props;
11
+ const { dir } = useFluent();
12
12
  const [currentValue, setCurrentValue] = useControllableState({
13
13
  state: value !== undefined ? clamp(value, min, max) : undefined,
14
14
  defaultState: clamp(defaultValue, min, max),
@@ -1 +1 @@
1
- {"version":3,"sources":["useSliderState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles.styles';\nimport type { SliderState, SliderProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderState, props: SliderProps) => {\n const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n const { dir } = useFluent();\n const [currentValue, setCurrentValue] = useControllableState({\n state: value !== undefined ? clamp(value, min, max) : undefined,\n defaultState: clamp(defaultValue, min, max),\n initialState: 0,\n });\n const valuePercent = getPercent(currentValue, min, max);\n\n const inputOnChange = state.input.onChange;\n const propsOnChange = props.onChange;\n\n const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n const newValue = Number(ev.target.value);\n setCurrentValue(clamp(newValue, min, max));\n\n if (inputOnChange && inputOnChange !== propsOnChange) {\n inputOnChange(ev);\n } else if (propsOnChange) {\n propsOnChange(ev, { value: newValue });\n }\n });\n\n const rootVariables = {\n [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n [sliderProgressVar]: `${valuePercent}%`,\n };\n\n // Root props\n state.root.style = {\n ...rootVariables,\n ...state.root.style,\n };\n\n // Input Props\n state.input.value = currentValue;\n state.input.onChange = onChange;\n\n return state;\n};\n"],"names":["React","clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","defaultValue","step","dir","currentValue","setCurrentValue","undefined","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1F,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,2BAA2B;AAGzD,MAAM,EAAEC,sBAAqB,EAAEC,kBAAiB,EAAEC,mBAAkB,EAAE,GAAGH;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC,MAAgB;IAC9D,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAM,GAAG;AAC9D;AAEA,OAAO,MAAME,0BAA0B,CAACC,OAAoBC,QAAuB;IACjF,MAAM,EAAEC,cAAe,EAAC,EAAEL,KAAM,EAAC,EAAEC,KAAM,IAAG,EAAEK,KAAI,EAAEP,MAAK,EAAE,GAAGK;IAC9D,MAAM,EAAEG,IAAG,EAAE,GAAGd;IAChB,MAAM,CAACe,cAAcC,gBAAgB,GAAGnB,qBAAqB;QAC3Da,OAAOJ,UAAUW,YAAYrB,MAAMU,OAAOC,KAAKC,OAAOS,SAAS;QAC/DC,cAActB,MAAMgB,cAAcL,KAAKC;QACvCW,cAAc;IAChB;IACA,MAAMC,eAAef,WAAWU,cAAcR,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,WAAuDzB,iBAAiB2B,CAAAA,KAAM;QAClF,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCU,gBAAgBpB,MAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC,CAAC;IACH;IAEA,MAAMG,gBAAgB;QACpB,CAACzB,mBAAmB,EAAEM,MAAMoB,QAAQ,GAAG,SAAShB,QAAQ,QAAQ,UAAU,QAAQ;QAClF,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAE,AAACA,OAAO,MAAQL,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG,EAAE;QACjF,CAACJ,kBAAkB,EAAE,CAAC,EAAEiB,aAAa,CAAC,CAAC;IACzC;IAEA,aAAa;IACbV,MAAMqB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGnB,MAAMqB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACdtB,MAAMY,KAAK,CAAChB,KAAK,GAAGS;IACpBL,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}
1
+ {"version":3,"sources":["useSliderState.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles.styles';\nimport type { SliderState, SliderProps } from './Slider.types';\n\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\n\nconst getPercent = (value: number, min: number, max: number) => {\n return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n\nexport const useSliderState_unstable = (state: SliderState, props: SliderProps) => {\n const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n const { dir } = useFluent();\n const [currentValue, setCurrentValue] = useControllableState({\n state: value !== undefined ? clamp(value, min, max) : undefined,\n defaultState: clamp(defaultValue, min, max),\n initialState: 0,\n });\n const valuePercent = getPercent(currentValue, min, max);\n\n const inputOnChange = state.input.onChange;\n const propsOnChange = props.onChange;\n\n const onChange: React.ChangeEventHandler<HTMLInputElement> = useEventCallback(ev => {\n const newValue = Number(ev.target.value);\n setCurrentValue(clamp(newValue, min, max));\n\n if (inputOnChange && inputOnChange !== propsOnChange) {\n inputOnChange(ev);\n } else if (propsOnChange) {\n propsOnChange(ev, { value: newValue });\n }\n });\n\n const rootVariables = {\n [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n [sliderStepsPercentVar]: step && step > 0 ? `${(step * 100) / (max - min)}%` : '',\n [sliderProgressVar]: `${valuePercent}%`,\n };\n\n // Root props\n state.root.style = {\n ...rootVariables,\n ...state.root.style,\n };\n\n // Input Props\n state.input.value = currentValue;\n state.input.onChange = onChange;\n\n return state;\n};\n"],"names":["React","clamp","useControllableState","useEventCallback","useFluent_unstable","useFluent","sliderCSSVars","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","getPercent","value","min","max","useSliderState_unstable","state","props","defaultValue","step","dir","currentValue","setCurrentValue","undefined","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAC1F,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,2BAA2B;AAGzD,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGH;AAEzE,MAAMI,aAAa,CAACC,OAAeC,KAAaC;IAC9C,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAM;AAC3D;AAEA,OAAO,MAAME,0BAA0B,CAACC,OAAoBC;IAC1D,MAAM,EAAEC,eAAe,CAAC,EAAEL,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEK,IAAI,EAAEP,KAAK,EAAE,GAAGK;IAC9D,MAAM,EAAEG,GAAG,EAAE,GAAGd;IAChB,MAAM,CAACe,cAAcC,gBAAgB,GAAGnB,qBAAqB;QAC3Da,OAAOJ,UAAUW,YAAYrB,MAAMU,OAAOC,KAAKC,OAAOS;QACtDC,cAActB,MAAMgB,cAAcL,KAAKC;QACvCW,cAAc;IAChB;IACA,MAAMC,eAAef,WAAWU,cAAcR,KAAKC;IAEnD,MAAMa,gBAAgBX,MAAMY,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBb,MAAMY,QAAQ;IAEpC,MAAMA,WAAuDzB,iBAAiB2B,CAAAA;QAC5E,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACtB,KAAK;QACvCU,gBAAgBpB,MAAM8B,UAAUnB,KAAKC;QAErC,IAAIa,iBAAiBA,kBAAkBG,eAAe;YACpDH,cAAcI;QAChB,OAAO,IAAID,eAAe;YACxBA,cAAcC,IAAI;gBAAEnB,OAAOoB;YAAS;QACtC;IACF;IAEA,MAAMG,gBAAgB;QACpB,CAACzB,mBAAmB,EAAEM,MAAMoB,QAAQ,GAAG,SAAShB,QAAQ,QAAQ,UAAU;QAC1E,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAE,AAACA,OAAO,MAAQL,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG;QAC/E,CAACJ,kBAAkB,EAAE,CAAC,EAAEiB,aAAa,CAAC,CAAC;IACzC;IAEA,aAAa;IACbV,MAAMqB,IAAI,CAACC,KAAK,GAAG;QACjB,GAAGH,aAAa;QAChB,GAAGnB,MAAMqB,IAAI,CAACC,KAAK;IACrB;IAEA,cAAc;IACdtB,MAAMY,KAAK,CAAChB,KAAK,GAAGS;IACpBL,MAAMY,KAAK,CAACC,QAAQ,GAAGA;IAEvB,OAAOb;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderCSSVars","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","E5pizo","De3pzq","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-grid',\n touchAction: 'none',\n alignItems: 'center',\n justifyItems: 'center'\n },\n small: {\n [thumbSizeVar]: '16px',\n [railSizeVar]: '2px',\n minHeight: '24px'\n },\n medium: {\n [thumbSizeVar]: '20px',\n [railSizeVar]: '4px',\n minHeight: '32px'\n },\n horizontal: {\n minWidth: '120px',\n // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n gridTemplateRows: `1fr var(${thumbSizeVar}) 1fr`,\n gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 1fr`\n },\n vertical: {\n minHeight: '120px',\n // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n gridTemplateRows: `1fr calc(100% - var(${thumbSizeVar})) 1fr`,\n gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`\n },\n enabled: {\n [railColorVar]: tokens.colorNeutralStrokeAccessible,\n [progressColorVar]: tokens.colorCompoundBrandBackground,\n [thumbColorVar]: tokens.colorCompoundBrandBackground,\n ':hover': {\n [thumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n [progressColorVar]: tokens.colorCompoundBrandBackgroundHover\n },\n ':active': {\n [thumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n [progressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n },\n '@media (forced-colors: active)': {\n [railColorVar]: 'CanvasText',\n [thumbColorVar]: 'Highlight',\n [progressColorVar]: 'Highlight',\n ':hover': {\n [thumbColorVar]: 'Highlight',\n [progressColorVar]: 'Highlight'\n }\n }\n },\n disabled: {\n [thumbColorVar]: tokens.colorNeutralForegroundDisabled,\n [railColorVar]: tokens.colorNeutralBackgroundDisabled,\n [progressColorVar]: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n [railColorVar]: 'GrayText',\n [thumbColorVar]: 'GrayText',\n [progressColorVar]: 'GrayText'\n }\n },\n focusIndicatorHorizontal: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '8px',\n right: '8px'\n }\n }\n }),\n focusIndicatorVertical: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '6px',\n bottom: '6px',\n left: '4px',\n right: '4px'\n }\n }\n })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n rail: {\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n pointerEvents: 'none',\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'relative',\n forcedColorAdjust: 'none',\n // Background gradient represents the progress of the slider\n backgroundImage: `linear-gradient(\n var(${sliderDirectionVar}),\n var(${progressColorVar}) 0%,\n var(${progressColorVar}) var(${sliderProgressVar}),\n var(${railColorVar}) var(${sliderProgressVar})\n )`,\n outlineWidth: '1px',\n outlineStyle: 'solid',\n outlineColor: tokens.colorTransparentStroke,\n '::before': {\n content: \"''\",\n position: 'absolute',\n // Repeating gradient represents the steps if provided\n backgroundImage: `repeating-linear-gradient(\n var(${sliderDirectionVar}),\n #0000 0%,\n #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n )`,\n // force steps to use HighlightText for high contrast mode\n '@media (forced-colors: active)': {\n backgroundImage: `repeating-linear-gradient(\n var(${sliderDirectionVar}),\n #0000 0%,\n #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n HighlightText var(${sliderStepsPercentVar})\n )`\n }\n }\n },\n horizontal: {\n width: '100%',\n height: `var(${railSizeVar})`,\n '::before': {\n left: '-1px',\n right: '-1px',\n height: `var(${railSizeVar})`\n }\n },\n vertical: {\n width: `var(${railSizeVar})`,\n height: '100%',\n '::before': {\n width: `var(${railSizeVar})`,\n top: '-1px',\n bottom: '1px'\n }\n }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n thumb: {\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'absolute',\n width: `var(${thumbSizeVar})`,\n height: `var(${thumbSizeVar})`,\n pointerEvents: 'none',\n outlineStyle: 'none',\n forcedColorAdjust: 'none',\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n boxShadow: `0 0 0 calc(var(${thumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n backgroundColor: `var(${thumbColorVar})`,\n '::before': {\n position: 'absolute',\n top: '0px',\n left: '0px',\n bottom: '0px',\n right: '0px',\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n boxSizing: 'border-box',\n content: \"''\",\n ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralStroke1)\n }\n },\n disabled: {\n '::before': {\n ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralForegroundDisabled)\n }\n },\n horizontal: {\n transform: 'translateX(-50%)',\n left: `var(${sliderProgressVar})`\n },\n vertical: {\n transform: 'translateY(50%)',\n bottom: `var(${sliderProgressVar})`\n }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n input: {\n cursor: 'pointer',\n opacity: 0,\n gridRowStart: '1',\n gridRowEnd: '-1',\n gridColumnStart: '1',\n gridColumnEnd: '-1',\n ...shorthands.padding(0),\n ...shorthands.margin(0)\n },\n disabled: {\n cursor: 'default'\n },\n horizontal: {\n height: `var(${thumbSizeVar})`,\n width: '100%'\n },\n vertical: {\n height: '100%',\n width: `var(${thumbSizeVar})`,\n '-webkit-appearance': 'slider-vertical'\n }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","sliderClassNames","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderCSSVars","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","E5pizo","De3pzq","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","useSliderStyles_unstable","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","size"],"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = sliderCSSVars;\n/**\n * Styles for the root slot\n */ const useRootStyles = makeStyles({\n root: {\n position: 'relative',\n display: 'inline-grid',\n touchAction: 'none',\n alignItems: 'center',\n justifyItems: 'center'\n },\n small: {\n [thumbSizeVar]: '16px',\n [railSizeVar]: '2px',\n minHeight: '24px'\n },\n medium: {\n [thumbSizeVar]: '20px',\n [railSizeVar]: '4px',\n minHeight: '32px'\n },\n horizontal: {\n minWidth: '120px',\n // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n gridTemplateRows: `1fr var(${thumbSizeVar}) 1fr`,\n gridTemplateColumns: `1fr calc(100% - var(${thumbSizeVar})) 1fr`\n },\n vertical: {\n minHeight: '120px',\n // 3x3 grid with the rail and thumb in the center cell [2,2] and the hidden input stretching across all cells\n gridTemplateRows: `1fr calc(100% - var(${thumbSizeVar})) 1fr`,\n gridTemplateColumns: `1fr var(${thumbSizeVar}) 1fr`\n },\n enabled: {\n [railColorVar]: tokens.colorNeutralStrokeAccessible,\n [progressColorVar]: tokens.colorCompoundBrandBackground,\n [thumbColorVar]: tokens.colorCompoundBrandBackground,\n ':hover': {\n [thumbColorVar]: tokens.colorCompoundBrandBackgroundHover,\n [progressColorVar]: tokens.colorCompoundBrandBackgroundHover\n },\n ':active': {\n [thumbColorVar]: tokens.colorCompoundBrandBackgroundPressed,\n [progressColorVar]: tokens.colorCompoundBrandBackgroundPressed\n },\n '@media (forced-colors: active)': {\n [railColorVar]: 'CanvasText',\n [thumbColorVar]: 'Highlight',\n [progressColorVar]: 'Highlight',\n ':hover': {\n [thumbColorVar]: 'Highlight',\n [progressColorVar]: 'Highlight'\n }\n }\n },\n disabled: {\n [thumbColorVar]: tokens.colorNeutralForegroundDisabled,\n [railColorVar]: tokens.colorNeutralBackgroundDisabled,\n [progressColorVar]: tokens.colorNeutralForegroundDisabled,\n '@media (forced-colors: active)': {\n [railColorVar]: 'GrayText',\n [thumbColorVar]: 'GrayText',\n [progressColorVar]: 'GrayText'\n }\n },\n focusIndicatorHorizontal: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '-2px',\n bottom: '-2px',\n left: '8px',\n right: '8px'\n }\n }\n }),\n focusIndicatorVertical: createFocusOutlineStyle({\n selector: 'focus-within',\n style: {\n outlineOffset: {\n top: '6px',\n bottom: '6px',\n left: '4px',\n right: '4px'\n }\n }\n })\n});\n/**\n * Styles for the rail slot\n */ const useRailStyles = makeStyles({\n rail: {\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n pointerEvents: 'none',\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'relative',\n forcedColorAdjust: 'none',\n // Background gradient represents the progress of the slider\n backgroundImage: `linear-gradient(\n var(${sliderDirectionVar}),\n var(${progressColorVar}) 0%,\n var(${progressColorVar}) var(${sliderProgressVar}),\n var(${railColorVar}) var(${sliderProgressVar})\n )`,\n outlineWidth: '1px',\n outlineStyle: 'solid',\n outlineColor: tokens.colorTransparentStroke,\n '::before': {\n content: \"''\",\n position: 'absolute',\n // Repeating gradient represents the steps if provided\n backgroundImage: `repeating-linear-gradient(\n var(${sliderDirectionVar}),\n #0000 0%,\n #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n ${tokens.colorNeutralBackground1} calc(var(${sliderStepsPercentVar}) - 1px),\n ${tokens.colorNeutralBackground1} var(${sliderStepsPercentVar})\n )`,\n // force steps to use HighlightText for high contrast mode\n '@media (forced-colors: active)': {\n backgroundImage: `repeating-linear-gradient(\n var(${sliderDirectionVar}),\n #0000 0%,\n #0000 calc(var(${sliderStepsPercentVar}) - 1px),\n HighlightText calc(var(${sliderStepsPercentVar}) - 1px),\n HighlightText var(${sliderStepsPercentVar})\n )`\n }\n }\n },\n horizontal: {\n width: '100%',\n height: `var(${railSizeVar})`,\n '::before': {\n left: '-1px',\n right: '-1px',\n height: `var(${railSizeVar})`\n }\n },\n vertical: {\n width: `var(${railSizeVar})`,\n height: '100%',\n '::before': {\n width: `var(${railSizeVar})`,\n top: '-1px',\n bottom: '1px'\n }\n }\n});\n/**\n * Styles for the thumb slot\n */ const useThumbStyles = makeStyles({\n thumb: {\n gridRowStart: '2',\n gridRowEnd: '2',\n gridColumnStart: '2',\n gridColumnEnd: '2',\n position: 'absolute',\n width: `var(${thumbSizeVar})`,\n height: `var(${thumbSizeVar})`,\n pointerEvents: 'none',\n outlineStyle: 'none',\n forcedColorAdjust: 'none',\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n boxShadow: `0 0 0 calc(var(${thumbSizeVar}) * .2) ${tokens.colorNeutralBackground1} inset`,\n backgroundColor: `var(${thumbColorVar})`,\n '::before': {\n position: 'absolute',\n top: '0px',\n left: '0px',\n bottom: '0px',\n right: '0px',\n ...shorthands.borderRadius(tokens.borderRadiusCircular),\n boxSizing: 'border-box',\n content: \"''\",\n ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralStroke1)\n }\n },\n disabled: {\n '::before': {\n ...shorthands.border(`calc(var(${thumbSizeVar}) * .05)`, 'solid', tokens.colorNeutralForegroundDisabled)\n }\n },\n horizontal: {\n transform: 'translateX(-50%)',\n left: `var(${sliderProgressVar})`\n },\n vertical: {\n transform: 'translateY(50%)',\n bottom: `var(${sliderProgressVar})`\n }\n});\n/**\n * Styles for the Input slot\n */ const useInputStyles = makeStyles({\n input: {\n cursor: 'pointer',\n opacity: 0,\n gridRowStart: '1',\n gridRowEnd: '-1',\n gridColumnStart: '1',\n gridColumnEnd: '-1',\n ...shorthands.padding(0),\n ...shorthands.margin(0)\n },\n disabled: {\n cursor: 'default'\n },\n horizontal: {\n height: `var(${thumbSizeVar})`,\n width: '100%'\n },\n vertical: {\n height: '100%',\n width: `var(${thumbSizeVar})`,\n '-webkit-appearance': 'slider-vertical'\n }\n});\n/**\n * Apply styling to the Slider slots based on the state\n */ export const useSliderStyles_unstable = (state)=>{\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n"],"mappings":"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"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/Slider/index"), exports);
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./components/Slider/index"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["Slider.js"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
1
+ {"version":3,"sources":["Slider.js"],"sourcesContent":["export * from './components/Slider/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "Slider", {
6
6
  enumerable: true,
7
- get: ()=>Slider
7
+ get: function() {
8
+ return Slider;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
11
13
  const _useSlider = require("./useSlider");
12
14
  const _renderSlider = require("./renderSlider");
13
- const _useSliderStylesStyles = require("./useSliderStyles.styles");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
+ const _useSliderStylesstyles = require("./useSliderStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
17
  const Slider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
18
  const state = (0, _useSlider.useSlider_unstable)(props, ref);
17
- (0, _useSliderStylesStyles.useSliderStyles_unstable)(state);
18
- (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSliderStyles_unstable')(state);
19
+ (0, _useSliderStylesstyles.useSliderStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSliderStyles_unstable')(state);
19
21
  return (0, _renderSlider.renderSlider_unstable)(state);
20
22
  });
21
23
  Slider.displayName = 'Slider';
@@ -1 +1 @@
1
- {"version":3,"sources":["Slider.js"],"sourcesContent":["import * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */ export const Slider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useSlider_unstable(props, ref);\n useSliderStyles_unstable(state);\n useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["Slider","React","forwardRef","props","ref","state","useSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","renderSlider_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;2BACY;8BACG;uCACG;qCACG;AAGjC,MAAMA,SAAS,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACnE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,+CAAwB,EAACF;IACzBG,IAAAA,gDAA2B,EAAC,4BAA4BH;IACxD,OAAOI,IAAAA,mCAAqB,EAACJ;AACjC;AACAL,OAAOU,WAAW,GAAG"}
1
+ {"version":3,"sources":["Slider.js"],"sourcesContent":["import * as React from 'react';\nimport { useSlider_unstable } from './useSlider';\nimport { renderSlider_unstable } from './renderSlider';\nimport { useSliderStyles_unstable } from './useSliderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * The Slider component allows users to quickly select a value by dragging a thumb across a rail.\n */ export const Slider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useSlider_unstable(props, ref);\n useSliderStyles_unstable(state);\n useCustomStyleHook_unstable('useSliderStyles_unstable')(state);\n return renderSlider_unstable(state);\n});\nSlider.displayName = 'Slider';\n"],"names":["Slider","React","forwardRef","props","ref","state","useSlider_unstable","useSliderStyles_unstable","useCustomStyleHook_unstable","renderSlider_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;2BACY;8BACG;uCACG;qCACG;AAGjC,MAAMA,SAAS,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,+CAAwB,EAACF;IACzBG,IAAAA,gDAA2B,EAAC,4BAA4BH;IACxD,OAAOI,IAAAA,mCAAqB,EAACJ;AACjC;AACAL,OAAOU,WAAW,GAAG"}
@@ -2,5 +2,5 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
5
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
6
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
@@ -1 +1 @@
1
- {"version":3,"sources":["Slider.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
1
+ {"version":3,"sources":["Slider.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
@@ -9,15 +9,23 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- useSliderState_unstable: ()=>_useSliderState.useSliderState_unstable,
13
- sliderClassNames: ()=>_useSliderStylesStyles.sliderClassNames,
14
- sliderCSSVars: ()=>_useSliderStylesStyles.sliderCSSVars,
15
- useSliderStyles_unstable: ()=>_useSliderStylesStyles.useSliderStyles_unstable
12
+ useSliderState_unstable: function() {
13
+ return _useSliderState.useSliderState_unstable;
14
+ },
15
+ sliderClassNames: function() {
16
+ return _useSliderStylesstyles.sliderClassNames;
17
+ },
18
+ sliderCSSVars: function() {
19
+ return _useSliderStylesstyles.sliderCSSVars;
20
+ },
21
+ useSliderStyles_unstable: function() {
22
+ return _useSliderStylesstyles.useSliderStyles_unstable;
23
+ }
16
24
  });
17
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
18
- _exportStar(require("./Slider"), exports);
19
- _exportStar(require("./Slider.types"), exports);
20
- _exportStar(require("./renderSlider"), exports);
21
- _exportStar(require("./useSlider"), exports);
25
+ const _export_star = require("@swc/helpers/_/_export_star");
26
+ _export_star._(require("./Slider"), exports);
27
+ _export_star._(require("./Slider.types"), exports);
28
+ _export_star._(require("./renderSlider"), exports);
29
+ _export_star._(require("./useSlider"), exports);
22
30
  const _useSliderState = require("./useSliderState");
23
- const _useSliderStylesStyles = require("./useSliderStyles.styles");
31
+ const _useSliderStylesstyles = require("./useSliderStyles.styles");
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,uBAAuB,MAAvBA,uCAAuB;IACvBC,gBAAgB,MAAhBA,uCAAgB;IAAEC,aAAa,MAAbA,oCAAa;IAAEC,wBAAwB,MAAxBA,+CAAwB;;;oBALpD;oBACA;oBACA;oBACA;gCAC0B;uCACkC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport { useSliderState_unstable } from './useSliderState';\nexport { sliderClassNames, sliderCSSVars, useSliderStyles_unstable } from './useSliderStyles.styles';\n"],"names":["useSliderState_unstable","sliderClassNames","sliderCSSVars","useSliderStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,uBAAuB;eAAvBA,uCAAuB;;IACvBC,gBAAgB;eAAhBA,uCAAgB;;IAAEC,aAAa;eAAbA,oCAAa;;IAAEC,wBAAwB;eAAxBA,+CAAwB;;;;uBALpD;uBACA;uBACA;uBACA;gCAC0B;uCACkC"}
@@ -1,14 +1,22 @@
1
- /** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
1
+ /** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  Object.defineProperty(exports, "renderSlider_unstable", {
6
6
  enumerable: true,
7
- get: ()=>renderSlider_unstable
7
+ get: function() {
8
+ return renderSlider_unstable;
9
+ }
8
10
  });
9
- const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
10
- const _reactUtilities = require("@fluentui/react-utilities");
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
11
13
  const renderSlider_unstable = (state)=>{
12
- (0, _reactUtilities.assertSlots)(state);
13
- return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.input, null), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.rail, null), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.thumb, null));
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
+ children: [
17
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(state.input, {}),
18
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(state.rail, {}),
19
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(state.thumb, {})
20
+ ]
21
+ });
14
22
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderSlider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of Slider\n */ export const renderSlider_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.input, null), /*#__PURE__*/ createElement(state.rail, null), /*#__PURE__*/ createElement(state.thumb, null));\n};\n"],"names":["renderSlider_unstable","state","assertSlots","createElement","root","input","rail","thumb"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,wBAAwB,CAACC,QAAQ;IAC9CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACF,MAAMI,KAAK,EAAE,IAAI,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMK,IAAI,EAAE,IAAI,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMM,KAAK,EAAE,IAAI;AACrM"}
1
+ {"version":3,"sources":["renderSlider.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ 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 Slider\n */ export const renderSlider_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n /*#__PURE__*/ _jsx(state.input, {}),\n /*#__PURE__*/ _jsx(state.rail, {}),\n /*#__PURE__*/ _jsx(state.thumb, {})\n ]\n });\n};\n"],"names":["renderSlider_unstable","state","assertSlots","_jsxs","root","children","_jsx","input","rail","thumb"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,wBAAwB,CAACC;IACtCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,KAAK,EAAE,CAAC;YACjC,WAAW,GAAGD,IAAAA,eAAI,EAACL,MAAMO,IAAI,EAAE,CAAC;YAChC,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMQ,KAAK,EAAE,CAAC;SACpC;IACL;AACJ"}
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useSlider_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useSlider_unstable
7
+ get: function() {
8
+ return useSlider_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactField = require("@fluentui/react-field");
12
- const _reactUtilities = require("@fluentui/react-utilities");
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactfield = require("@fluentui/react-field");
14
+ const _reactutilities = require("@fluentui/react-utilities");
13
15
  const _useSliderState = require("./useSliderState");
14
- const _reactTabster = require("@fluentui/react-tabster");
16
+ const _reacttabster = require("@fluentui/react-tabster");
15
17
  const useSlider_unstable = (props, ref)=>{
16
18
  // Merge props from surrounding <Field>, if any
17
- props = (0, _reactField.useFieldControlProps_unstable)(props, {
19
+ props = (0, _reactfield.useFieldControlProps_unstable)(props, {
18
20
  supportsLabelFor: true
19
21
  });
20
- const nativeProps = (0, _reactUtilities.getPartitionedNativeProps)({
22
+ const nativeProps = (0, _reactutilities.getPartitionedNativeProps)({
21
23
  props,
22
24
  primarySlotTagName: 'input',
23
25
  excludedPropNames: [
@@ -25,7 +27,7 @@ const useSlider_unstable = (props, ref)=>{
25
27
  'size'
26
28
  ]
27
29
  });
28
- const { disabled , vertical , size ='medium' , root , input , rail , thumb } = props;
30
+ const { disabled, vertical, size = 'medium', root, input, rail, thumb } = props;
29
31
  const state = {
30
32
  disabled,
31
33
  size,
@@ -36,13 +38,13 @@ const useSlider_unstable = (props, ref)=>{
36
38
  root: 'div',
37
39
  thumb: 'div'
38
40
  },
39
- root: _reactUtilities.slot.always(root, {
41
+ root: _reactutilities.slot.always(root, {
40
42
  defaultProps: nativeProps.root,
41
43
  elementType: 'div'
42
44
  }),
43
- input: _reactUtilities.slot.always(input, {
45
+ input: _reactutilities.slot.always(input, {
44
46
  defaultProps: {
45
- id: (0, _reactUtilities.useId)('slider-', props.id),
47
+ id: (0, _reactutilities.useId)('slider-', props.id),
46
48
  ref,
47
49
  ...nativeProps.primary,
48
50
  type: 'range',
@@ -50,14 +52,14 @@ const useSlider_unstable = (props, ref)=>{
50
52
  },
51
53
  elementType: 'input'
52
54
  }),
53
- rail: _reactUtilities.slot.always(rail, {
55
+ rail: _reactutilities.slot.always(rail, {
54
56
  elementType: 'div'
55
57
  }),
56
- thumb: _reactUtilities.slot.always(thumb, {
58
+ thumb: _reactutilities.slot.always(thumb, {
57
59
  elementType: 'div'
58
60
  })
59
61
  };
60
- state.root.ref = (0, _reactUtilities.useMergedRefs)(state.root.ref, (0, _reactTabster.useFocusWithin)());
62
+ state.root.ref = (0, _reactutilities.useMergedRefs)(state.root.ref, (0, _reacttabster.useFocusWithin)());
61
63
  (0, _useSliderState.useSliderState_unstable)(state, props);
62
64
  return state;
63
65
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useSlider.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nexport const useSlider_unstable = (props, ref)=>{\n // Merge props from surrounding <Field>, if any\n props = useFieldControlProps_unstable(props, {\n supportsLabelFor: true\n });\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: [\n 'onChange',\n 'size'\n ]\n });\n const { disabled , vertical , size ='medium' , // Slots\n root , input , rail , thumb } = props;\n const state = {\n disabled,\n size,\n vertical,\n components: {\n input: 'input',\n rail: 'div',\n root: 'div',\n thumb: 'div'\n },\n root: slot.always(root, {\n defaultProps: nativeProps.root,\n elementType: 'div'\n }),\n input: slot.always(input, {\n defaultProps: {\n id: useId('slider-', props.id),\n ref,\n ...nativeProps.primary,\n type: 'range',\n orient: vertical ? 'vertical' : undefined\n },\n elementType: 'input'\n }),\n rail: slot.always(rail, {\n elementType: 'div'\n }),\n thumb: slot.always(thumb, {\n elementType: 'div'\n })\n };\n state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());\n useSliderState_unstable(state, props);\n return state;\n};\n"],"names":["useSlider_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","slot","always","defaultProps","elementType","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;4BACuB;gCACwB;gCAC9B;8BACT;AACxB,MAAMA,qBAAqB,CAACC,OAAOC,MAAM;IAC5C,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB,IAAI;IAC1B;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC1CL;QACAM,oBAAoB;QACpBC,mBAAmB;YACf;YACA;SACH;IACL;IACA,MAAM,EAAEC,SAAQ,EAAGC,SAAQ,EAAGC,MAAM,SAAQ,EAC5CC,KAAI,EAAGC,MAAK,EAAGC,KAAI,EAAGC,MAAK,EAAG,GAAGd;IACjC,MAAMe,QAAQ;QACVP;QACAE;QACAD;QACAO,YAAY;YACRJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACX;QACAH,MAAMM,oBAAI,CAACC,MAAM,CAACP,MAAM;YACpBQ,cAAcf,YAAYO,IAAI;YAC9BS,aAAa;QACjB;QACAR,OAAOK,oBAAI,CAACC,MAAM,CAACN,OAAO;YACtBO,cAAc;gBACVE,IAAIC,IAAAA,qBAAK,EAAC,WAAWtB,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGG,YAAYmB,OAAO;gBACtBC,MAAM;gBACNC,QAAQhB,WAAW,aAAaiB,SAAS;YAC7C;YACAN,aAAa;QACjB;QACAP,MAAMI,oBAAI,CAACC,MAAM,CAACL,MAAM;YACpBO,aAAa;QACjB;QACAN,OAAOG,oBAAI,CAACC,MAAM,CAACJ,OAAO;YACtBM,aAAa;QACjB;IACJ;IACAL,MAAMJ,IAAI,CAACV,GAAG,GAAG0B,IAAAA,6BAAa,EAACZ,MAAMJ,IAAI,CAACV,GAAG,EAAE2B,IAAAA,4BAAc;IAC7DC,IAAAA,uCAAuB,EAACd,OAAOf;IAC/B,OAAOe;AACX"}
1
+ {"version":3,"sources":["useSlider.js"],"sourcesContent":["import * as React from 'react';\nimport { useFieldControlProps_unstable } from '@fluentui/react-field';\nimport { getPartitionedNativeProps, useId, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { useSliderState_unstable } from './useSliderState';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nexport const useSlider_unstable = (props, ref)=>{\n // Merge props from surrounding <Field>, if any\n props = useFieldControlProps_unstable(props, {\n supportsLabelFor: true\n });\n const nativeProps = getPartitionedNativeProps({\n props,\n primarySlotTagName: 'input',\n excludedPropNames: [\n 'onChange',\n 'size'\n ]\n });\n const { disabled, vertical, size = 'medium', // Slots\n root, input, rail, thumb } = props;\n const state = {\n disabled,\n size,\n vertical,\n components: {\n input: 'input',\n rail: 'div',\n root: 'div',\n thumb: 'div'\n },\n root: slot.always(root, {\n defaultProps: nativeProps.root,\n elementType: 'div'\n }),\n input: slot.always(input, {\n defaultProps: {\n id: useId('slider-', props.id),\n ref,\n ...nativeProps.primary,\n type: 'range',\n orient: vertical ? 'vertical' : undefined\n },\n elementType: 'input'\n }),\n rail: slot.always(rail, {\n elementType: 'div'\n }),\n thumb: slot.always(thumb, {\n elementType: 'div'\n })\n };\n state.root.ref = useMergedRefs(state.root.ref, useFocusWithin());\n useSliderState_unstable(state, props);\n return state;\n};\n"],"names":["useSlider_unstable","props","ref","useFieldControlProps_unstable","supportsLabelFor","nativeProps","getPartitionedNativeProps","primarySlotTagName","excludedPropNames","disabled","vertical","size","root","input","rail","thumb","state","components","slot","always","defaultProps","elementType","id","useId","primary","type","orient","undefined","useMergedRefs","useFocusWithin","useSliderState_unstable"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;4BACuB;gCACwB;gCAC9B;8BACT;AACxB,MAAMA,qBAAqB,CAACC,OAAOC;IACtC,+CAA+C;IAC/CD,QAAQE,IAAAA,yCAA6B,EAACF,OAAO;QACzCG,kBAAkB;IACtB;IACA,MAAMC,cAAcC,IAAAA,yCAAyB,EAAC;QAC1CL;QACAM,oBAAoB;QACpBC,mBAAmB;YACf;YACA;SACH;IACL;IACA,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,EAC3CC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGd;IAC7B,MAAMe,QAAQ;QACVP;QACAE;QACAD;QACAO,YAAY;YACRJ,OAAO;YACPC,MAAM;YACNF,MAAM;YACNG,OAAO;QACX;QACAH,MAAMM,oBAAI,CAACC,MAAM,CAACP,MAAM;YACpBQ,cAAcf,YAAYO,IAAI;YAC9BS,aAAa;QACjB;QACAR,OAAOK,oBAAI,CAACC,MAAM,CAACN,OAAO;YACtBO,cAAc;gBACVE,IAAIC,IAAAA,qBAAK,EAAC,WAAWtB,MAAMqB,EAAE;gBAC7BpB;gBACA,GAAGG,YAAYmB,OAAO;gBACtBC,MAAM;gBACNC,QAAQhB,WAAW,aAAaiB;YACpC;YACAN,aAAa;QACjB;QACAP,MAAMI,oBAAI,CAACC,MAAM,CAACL,MAAM;YACpBO,aAAa;QACjB;QACAN,OAAOG,oBAAI,CAACC,MAAM,CAACJ,OAAO;YACtBM,aAAa;QACjB;IACJ;IACAL,MAAMJ,IAAI,CAACV,GAAG,GAAG0B,IAAAA,6BAAa,EAACZ,MAAMJ,IAAI,CAACV,GAAG,EAAE2B,IAAAA,4BAAc;IAC7DC,IAAAA,uCAAuB,EAACd,OAAOf;IAC/B,OAAOe;AACX"}
@@ -4,31 +4,33 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "useSliderState_unstable", {
6
6
  enumerable: true,
7
- get: ()=>useSliderState_unstable
7
+ get: function() {
8
+ return useSliderState_unstable;
9
+ }
8
10
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
13
- const _useSliderStylesStyles = require("./useSliderStyles.styles");
14
- const { sliderStepsPercentVar , sliderProgressVar , sliderDirectionVar } = _useSliderStylesStyles.sliderCSSVars;
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
14
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
15
+ const _useSliderStylesstyles = require("./useSliderStyles.styles");
16
+ const { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = _useSliderStylesstyles.sliderCSSVars;
15
17
  const getPercent = (value, min, max)=>{
16
18
  return max === min ? 0 : (value - min) / (max - min) * 100;
17
19
  };
18
20
  const useSliderState_unstable = (state, props)=>{
19
- const { defaultValue =0 , min =0 , max =100 , step , value } = props;
20
- const { dir } = (0, _reactSharedContexts.useFluent_unstable)();
21
- const [currentValue, setCurrentValue] = (0, _reactUtilities.useControllableState)({
22
- state: value !== undefined ? (0, _reactUtilities.clamp)(value, min, max) : undefined,
23
- defaultState: (0, _reactUtilities.clamp)(defaultValue, min, max),
21
+ const { defaultValue = 0, min = 0, max = 100, step, value } = props;
22
+ const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
23
+ const [currentValue, setCurrentValue] = (0, _reactutilities.useControllableState)({
24
+ state: value !== undefined ? (0, _reactutilities.clamp)(value, min, max) : undefined,
25
+ defaultState: (0, _reactutilities.clamp)(defaultValue, min, max),
24
26
  initialState: 0
25
27
  });
26
28
  const valuePercent = getPercent(currentValue, min, max);
27
29
  const inputOnChange = state.input.onChange;
28
30
  const propsOnChange = props.onChange;
29
- const onChange = (0, _reactUtilities.useEventCallback)((ev)=>{
31
+ const onChange = (0, _reactutilities.useEventCallback)((ev)=>{
30
32
  const newValue = Number(ev.target.value);
31
- setCurrentValue((0, _reactUtilities.clamp)(newValue, min, max));
33
+ setCurrentValue((0, _reactutilities.clamp)(newValue, min, max));
32
34
  if (inputOnChange && inputOnChange !== propsOnChange) {
33
35
  inputOnChange(ev);
34
36
  } else if (propsOnChange) {
@@ -1 +1 @@
1
- {"version":3,"sources":["useSliderState.js"],"sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles.styles';\nconst { sliderStepsPercentVar , sliderProgressVar , sliderDirectionVar } = sliderCSSVars;\nconst getPercent = (value, min, max)=>{\n return max === min ? 0 : (value - min) / (max - min) * 100;\n};\nexport const useSliderState_unstable = (state, props)=>{\n const { defaultValue =0 , min =0 , max =100 , step , value } = props;\n const { dir } = useFluent();\n const [currentValue, setCurrentValue] = useControllableState({\n state: value !== undefined ? clamp(value, min, max) : undefined,\n defaultState: clamp(defaultValue, min, max),\n initialState: 0\n });\n const valuePercent = getPercent(currentValue, min, max);\n const inputOnChange = state.input.onChange;\n const propsOnChange = props.onChange;\n const onChange = useEventCallback((ev)=>{\n const newValue = Number(ev.target.value);\n setCurrentValue(clamp(newValue, min, max));\n if (inputOnChange && inputOnChange !== propsOnChange) {\n inputOnChange(ev);\n } else if (propsOnChange) {\n propsOnChange(ev, {\n value: newValue\n });\n }\n });\n const rootVariables = {\n [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',\n [sliderProgressVar]: `${valuePercent}%`\n };\n // Root props\n state.root.style = {\n ...rootVariables,\n ...state.root.style\n };\n // Input Props\n state.input.value = currentValue;\n state.input.onChange = onChange;\n return state;\n};\n"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","defaultValue","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","undefined","clamp","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACuC;qCACd;uCAClB;AAC9B,MAAM,EAAEC,sBAAqB,EAAGC,kBAAiB,EAAGC,mBAAkB,EAAG,GAAGC,oCAAa;AACzF,MAAMC,aAAa,CAACC,OAAOC,KAAKC,MAAM;IAClC,OAAOA,QAAQD,MAAM,IAAI,AAACD,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAK,GAAG;AAC9D;AACO,MAAMP,0BAA0B,CAACS,OAAOC,QAAQ;IACnD,MAAM,EAAEC,cAAc,EAAC,EAAGJ,KAAK,EAAC,EAAGC,KAAK,IAAG,EAAGI,KAAI,EAAGN,MAAK,EAAG,GAAGI;IAChE,MAAM,EAAEG,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAoB,EAAC;QACzDR,OAAOH,UAAUY,YAAYC,IAAAA,qBAAK,EAACb,OAAOC,KAAKC,OAAOU,SAAS;QAC/DE,cAAcD,IAAAA,qBAAK,EAACR,cAAcJ,KAAKC;QACvCa,cAAc;IAClB;IACA,MAAMC,eAAejB,WAAWU,cAAcR,KAAKC;IACnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IACpC,MAAMA,WAAWE,IAAAA,gCAAgB,EAAC,CAACC,KAAK;QACpC,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCU,gBAAgBG,IAAAA,qBAAK,EAACU,UAAUtB,KAAKC;QACrC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YAClDH,cAAcK;QAClB,OAAO,IAAIF,eAAe;YACtBA,cAAcE,IAAI;gBACdtB,OAAOuB;YACX;QACJ,CAAC;IACL;IACA,MAAMG,gBAAgB;QAClB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASpB,QAAQ,QAAQ,UAAU,QAAQ;QAClF,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAO,MAAOJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG,EAAE;QAC/E,CAACL,kBAAkB,EAAE,CAAC,EAAEoB,aAAa,CAAC,CAAC;IAC3C;IACA,aAAa;IACbb,MAAMyB,IAAI,CAACC,KAAK,GAAG;QACf,GAAGH,aAAa;QAChB,GAAGvB,MAAMyB,IAAI,CAACC,KAAK;IACvB;IACA,cAAc;IACd1B,MAAMe,KAAK,CAAClB,KAAK,GAAGS;IACpBN,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IACvB,OAAOhB;AACX"}
1
+ {"version":3,"sources":["useSliderState.js"],"sourcesContent":["import * as React from 'react';\nimport { clamp, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { sliderCSSVars } from './useSliderStyles.styles';\nconst { sliderStepsPercentVar, sliderProgressVar, sliderDirectionVar } = sliderCSSVars;\nconst getPercent = (value, min, max)=>{\n return max === min ? 0 : (value - min) / (max - min) * 100;\n};\nexport const useSliderState_unstable = (state, props)=>{\n const { defaultValue = 0, min = 0, max = 100, step, value } = props;\n const { dir } = useFluent();\n const [currentValue, setCurrentValue] = useControllableState({\n state: value !== undefined ? clamp(value, min, max) : undefined,\n defaultState: clamp(defaultValue, min, max),\n initialState: 0\n });\n const valuePercent = getPercent(currentValue, min, max);\n const inputOnChange = state.input.onChange;\n const propsOnChange = props.onChange;\n const onChange = useEventCallback((ev)=>{\n const newValue = Number(ev.target.value);\n setCurrentValue(clamp(newValue, min, max));\n if (inputOnChange && inputOnChange !== propsOnChange) {\n inputOnChange(ev);\n } else if (propsOnChange) {\n propsOnChange(ev, {\n value: newValue\n });\n }\n });\n const rootVariables = {\n [sliderDirectionVar]: state.vertical ? '0deg' : dir === 'ltr' ? '90deg' : '270deg',\n [sliderStepsPercentVar]: step && step > 0 ? `${step * 100 / (max - min)}%` : '',\n [sliderProgressVar]: `${valuePercent}%`\n };\n // Root props\n state.root.style = {\n ...rootVariables,\n ...state.root.style\n };\n // Input Props\n state.input.value = currentValue;\n state.input.onChange = onChange;\n return state;\n};\n"],"names":["useSliderState_unstable","sliderStepsPercentVar","sliderProgressVar","sliderDirectionVar","sliderCSSVars","getPercent","value","min","max","state","props","defaultValue","step","dir","useFluent","currentValue","setCurrentValue","useControllableState","undefined","clamp","defaultState","initialState","valuePercent","inputOnChange","input","onChange","propsOnChange","useEventCallback","ev","newValue","Number","target","rootVariables","vertical","root","style"],"mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;gCACuC;qCACd;uCAClB;AAC9B,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAE,GAAGC,oCAAa;AACtF,MAAMC,aAAa,CAACC,OAAOC,KAAKC;IAC5B,OAAOA,QAAQD,MAAM,IAAI,AAACD,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAK;AAC3D;AACO,MAAMP,0BAA0B,CAACS,OAAOC;IAC3C,MAAM,EAAEC,eAAe,CAAC,EAAEJ,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAEI,IAAI,EAAEN,KAAK,EAAE,GAAGI;IAC9D,MAAM,EAAEG,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,oCAAoB,EAAC;QACzDR,OAAOH,UAAUY,YAAYC,IAAAA,qBAAK,EAACb,OAAOC,KAAKC,OAAOU;QACtDE,cAAcD,IAAAA,qBAAK,EAACR,cAAcJ,KAAKC;QACvCa,cAAc;IAClB;IACA,MAAMC,eAAejB,WAAWU,cAAcR,KAAKC;IACnD,MAAMe,gBAAgBd,MAAMe,KAAK,CAACC,QAAQ;IAC1C,MAAMC,gBAAgBhB,MAAMe,QAAQ;IACpC,MAAMA,WAAWE,IAAAA,gCAAgB,EAAC,CAACC;QAC/B,MAAMC,WAAWC,OAAOF,GAAGG,MAAM,CAACzB,KAAK;QACvCU,gBAAgBG,IAAAA,qBAAK,EAACU,UAAUtB,KAAKC;QACrC,IAAIe,iBAAiBA,kBAAkBG,eAAe;YAClDH,cAAcK;QAClB,OAAO,IAAIF,eAAe;YACtBA,cAAcE,IAAI;gBACdtB,OAAOuB;YACX;QACJ;IACJ;IACA,MAAMG,gBAAgB;QAClB,CAAC7B,mBAAmB,EAAEM,MAAMwB,QAAQ,GAAG,SAASpB,QAAQ,QAAQ,UAAU;QAC1E,CAACZ,sBAAsB,EAAEW,QAAQA,OAAO,IAAI,CAAC,EAAEA,OAAO,MAAOJ,CAAAA,MAAMD,GAAE,EAAG,CAAC,CAAC,GAAG;QAC7E,CAACL,kBAAkB,EAAE,CAAC,EAAEoB,aAAa,CAAC,CAAC;IAC3C;IACA,aAAa;IACbb,MAAMyB,IAAI,CAACC,KAAK,GAAG;QACf,GAAGH,aAAa;QAChB,GAAGvB,MAAMyB,IAAI,CAACC,KAAK;IACvB;IACA,cAAc;IACd1B,MAAMe,KAAK,CAAClB,KAAK,GAAGS;IACpBN,MAAMe,KAAK,CAACC,QAAQ,GAAGA;IACvB,OAAOhB;AACX"}
@@ -9,9 +9,15 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- sliderClassNames: ()=>sliderClassNames,
13
- sliderCSSVars: ()=>sliderCSSVars,
14
- useSliderStyles_unstable: ()=>useSliderStyles_unstable
12
+ sliderClassNames: function() {
13
+ return sliderClassNames;
14
+ },
15
+ sliderCSSVars: function() {
16
+ return sliderCSSVars;
17
+ },
18
+ useSliderStyles_unstable: function() {
19
+ return useSliderStyles_unstable;
20
+ }
15
21
  });
16
22
  const _react = require("@griffel/react");
17
23
  const sliderClassNames = {
@@ -31,10 +37,10 @@ const sliderCSSVars = {
31
37
  sliderProgressVar: `--fui-Slider--progress`,
32
38
  sliderStepsPercentVar: `--fui-Slider--steps-percent`
33
39
  };
34
- const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar } = sliderCSSVars;
40
+ const { sliderDirectionVar, sliderStepsPercentVar, sliderProgressVar } = sliderCSSVars;
35
41
  /**
36
42
  * Styles for the root slot
37
- */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
43
+ */ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
38
44
  root: {
39
45
  qhf8xq: "f10pi13n",
40
46
  mc9l5x: "fwk3njj",
@@ -357,7 +363,7 @@ const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar } = slid
357
363
  });
358
364
  /**
359
365
  * Styles for the rail slot
360
- */ const useRailStyles = /*#__PURE__*/ (0, _react["__styles"])({
366
+ */ const useRailStyles = /*#__PURE__*/ (0, _react.__styles)({
361
367
  rail: {
362
368
  Bbmb7ep: [
363
369
  "fnivh3a",
@@ -453,7 +459,7 @@ const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar } = slid
453
459
  });
454
460
  /**
455
461
  * Styles for the thumb slot
456
- */ const useThumbStyles = /*#__PURE__*/ (0, _react["__styles"])({
462
+ */ const useThumbStyles = /*#__PURE__*/ (0, _react.__styles)({
457
463
  thumb: {
458
464
  Ijaq50: "faunodf",
459
465
  nk6f5a: "f88nxoq",
@@ -644,7 +650,7 @@ const { sliderDirectionVar , sliderStepsPercentVar , sliderProgressVar } = slid
644
650
  });
645
651
  /**
646
652
  * Styles for the Input slot
647
- */ const useInputStyles = /*#__PURE__*/ (0, _react["__styles"])({
653
+ */ const useInputStyles = /*#__PURE__*/ (0, _react.__styles)({
648
654
  input: {
649
655
  Bceei9c: "f1k6fduh",
650
656
  abs64n: "fk73vx1",
@@ -1 +1 @@
1
- {"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst {\n sliderDirectionVar,\n sliderStepsPercentVar,\n sliderProgressVar\n} = sliderCSSVars;\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n mc9l5x: \"fwk3njj\",\n lpbzjs: \"f1sdsnyy\",\n Bt984gj: \"f122n59\",\n B7hvi0a: \"f1oiokrs\"\n },\n small: {\n Bi64ftq: \"f1agqo6f\",\n Ba19x4e: \"f1i7ztpd\",\n sshi5w: \"f1pha7fy\"\n },\n medium: {\n Bi64ftq: \"f1a78h9h\",\n Ba19x4e: \"fuok0yf\",\n sshi5w: \"f1nxs5xn\"\n },\n horizontal: {\n Bf4jedk: \"fyvtabn\",\n wkccdc: \"fgfd48t\",\n Budl1dq: \"f4t5rw1\"\n },\n vertical: {\n sshi5w: \"f1pzv1zu\",\n wkccdc: \"fktlcaf\",\n Budl1dq: \"fiadc6h\"\n },\n enabled: {\n B7wi8oa: \"f4l8x3l\",\n B250r6j: \"f671q34\",\n Bpmy4es: \"fvfzmw5\",\n Buw9y6v: \"faw1t00\",\n Bq939m0: \"fxdgx5\",\n gjzr1t: \"fii04fa\",\n tg7hqu: \"f36hzz8\",\n ypdvl1: \"f1volkfw\",\n Bw5jdd4: \"f1xddb6\",\n Bdjie01: \"fcdikl\",\n Bvh9j6m: \"fhpzgm6\",\n Bvsvvpo: \"f1q6pm3h\"\n },\n disabled: {\n Bpmy4es: \"foojseg\",\n B7wi8oa: \"f1lgdqhv\",\n B250r6j: \"f1veetlj\",\n ypdvl1: \"fu12m3e\",\n Bw5jdd4: \"fi9guym\",\n Bdjie01: \"fcdjl4u\"\n },\n focusIndicatorHorizontal: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f1pmxfrl\",\n Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n skfxo0: \"f57dp0y\",\n jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f1pffoy2\",\n B29w5g4: [\"f1bmyog6\", \"f15fv2gd\"],\n Bhhzhcn: \"fs6b7xr\",\n Bec0n69: [\"f15fv2gd\", \"f1bmyog6\"]\n },\n focusIndicatorVertical: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f1pmxfrl\",\n Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n skfxo0: \"f57dp0y\",\n jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f1hxpdv8\",\n B29w5g4: [\"fm5xmfm\", \"femsgmt\"],\n Bhhzhcn: \"f1dmxpeg\",\n Bec0n69: [\"femsgmt\", \"fm5xmfm\"]\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".fwk3njj{display:inline-grid;}\", \".f1sdsnyy{touch-action:none;}\", \".f122n59{align-items:center;}\", \".f1oiokrs{justify-items:center;}\", \".f1agqo6f{--fui-Slider__thumb--size:16px;}\", \".f1i7ztpd{--fui-Slider__rail--size:2px;}\", \".f1pha7fy{min-height:24px;}\", \".f1a78h9h{--fui-Slider__thumb--size:20px;}\", \".fuok0yf{--fui-Slider__rail--size:4px;}\", \".f1nxs5xn{min-height:32px;}\", \".fyvtabn{min-width:120px;}\", \".fgfd48t{grid-template-rows:1fr var(--fui-Slider__thumb--size) 1fr;}\", \".f4t5rw1{grid-template-columns:1fr calc(100% - var(--fui-Slider__thumb--size)) 1fr;}\", \".f1pzv1zu{min-height:120px;}\", \".fktlcaf{grid-template-rows:1fr calc(100% - var(--fui-Slider__thumb--size)) 1fr;}\", \".fiadc6h{grid-template-columns:1fr var(--fui-Slider__thumb--size) 1fr;}\", \".f4l8x3l{--fui-Slider__rail--color:var(--colorNeutralStrokeAccessible);}\", \".f671q34{--fui-Slider__progress--color:var(--colorCompoundBrandBackground);}\", \".fvfzmw5{--fui-Slider__thumb--color:var(--colorCompoundBrandBackground);}\", \".foojseg{--fui-Slider__thumb--color:var(--colorNeutralForegroundDisabled);}\", \".f1lgdqhv{--fui-Slider__rail--color:var(--colorNeutralBackgroundDisabled);}\", \".f1veetlj{--fui-Slider__progress--color:var(--colorNeutralForegroundDisabled);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}\", \".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}\", \".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}\", \".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}\", \".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f1pffoy2[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - -2px);}\", \".f1bmyog6[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 8px);}\", \".f15fv2gd[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 8px);}\", \".fs6b7xr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - -2px);}\", \".f1hxpdv8[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - 6px);}\", \".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}\", \".femsgmt[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 4px);}\", \".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - 6px);}\"],\n h: [\".faw1t00:hover{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundHover);}\", \".fxdgx5:hover{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundHover);}\"],\n a: [\".fii04fa:active{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundPressed);}\", \".f36hzz8:active{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1volkfw{--fui-Slider__rail--color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1xddb6{--fui-Slider__thumb--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcdikl{--fui-Slider__progress--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fhpzgm6:hover{--fui-Slider__thumb--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1q6pm3h:hover{--fui-Slider__progress--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fu12m3e{--fui-Slider__rail--color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fi9guym{--fui-Slider__thumb--color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcdjl4u{--fui-Slider__progress--color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = /*#__PURE__*/__styles({\n rail: {\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"],\n Bkecrkj: \"f1aehjj5\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"f1e2fz10\",\n qhf8xq: \"f10pi13n\",\n Bvjb7m6: \"fdgv6k0\",\n Bcmaq0h: \"fizngqt\",\n Bpd4iqm: \"fpvhumw\",\n oeaueh: \"f1yog68k\",\n Bw0xxkn: \"f13sgyd8\",\n Ftih45: \"fzhtfnv\",\n Brfgrao: \"f1j7ml58\",\n Bbn5juq: \"fx36ao7\",\n Brdvuy1: \"fux3rle\"\n },\n horizontal: {\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1cy86ho\",\n Fbdkly: [\"f1heqfse\", \"fkh49vu\"],\n mdwyqc: [\"fkh49vu\", \"f1heqfse\"],\n Baz25je: \"f16tdq4e\"\n },\n vertical: {\n a9b677: \"fqxfnkd\",\n Bqenvij: \"f1l02sjl\",\n Ccq8qp: \"f1rik0od\",\n Bciustq: \"f14xwovp\",\n lawp4y: \"febq2dz\"\n }\n}, {\n d: [\".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".f1aehjj5{pointer-events:none;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fd46tj4{grid-column-start:2;}\", \".f1e2fz10{grid-column-end:2;}\", \".f10pi13n{position:relative;}\", \".fdgv6k0{forced-color-adjust:none;}\", \".fizngqt{background-image:linear-gradient(\\n var(--fui-Slider--direction),\\n var(--fui-Slider__progress--color) 0%,\\n var(--fui-Slider__progress--color) var(--fui-Slider--progress),\\n var(--fui-Slider__rail--color) var(--fui-Slider--progress)\\n );}\", \".fpvhumw{outline-width:1px;}\", \".f1yog68k{outline-style:solid;}\", \".f13sgyd8{outline-color:var(--colorTransparentStroke);}\", \".fzhtfnv::before{content:'';}\", \".f1j7ml58::before{position:absolute;}\", \".fx36ao7::before{background-image:repeating-linear-gradient(\\n var(--fui-Slider--direction),\\n #0000 0%,\\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\\n var(--colorNeutralBackground1) calc(var(--fui-Slider--steps-percent) - 1px),\\n var(--colorNeutralBackground1) var(--fui-Slider--steps-percent)\\n );}\", \".fly5x3f{width:100%;}\", \".f1cy86ho{height:var(--fui-Slider__rail--size);}\", \".f1heqfse::before{left:-1px;}\", \".fkh49vu::before{right:-1px;}\", \".f16tdq4e::before{height:var(--fui-Slider__rail--size);}\", \".fqxfnkd{width:var(--fui-Slider__rail--size);}\", \".f1l02sjl{height:100%;}\", \".f1rik0od::before{width:var(--fui-Slider__rail--size);}\", \".f14xwovp::before{top:-1px;}\", \".febq2dz::before{bottom:1px;}\"],\n m: [[\"@media (forced-colors: active){.fux3rle::before{background-image:repeating-linear-gradient(\\n var(--fui-Slider--direction),\\n #0000 0%,\\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\\n HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\\n HighlightText var(--fui-Slider--steps-percent)\\n );}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = /*#__PURE__*/__styles({\n thumb: {\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"f1e2fz10\",\n qhf8xq: \"f1euv43f\",\n a9b677: \"f174ca62\",\n Bqenvij: \"f1yfdkfd\",\n Bkecrkj: \"f1aehjj5\",\n oeaueh: \"f1s6fcnf\",\n Bvjb7m6: \"fdgv6k0\",\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n E5pizo: \"fof7hq0\",\n De3pzq: \"foksa45\",\n Brfgrao: \"f1j7ml58\",\n Bciustq: \"f14u7mkt\",\n Fbdkly: [\"f5zrw40\", \"f1ks5ppg\"],\n lawp4y: \"fto0uou\",\n mdwyqc: [\"f1ks5ppg\", \"f5zrw40\"],\n Budzafs: [\"feh19e8\", \"f3j3guj\"],\n r59vdv: [\"f3j3guj\", \"feh19e8\"],\n n07z76: [\"fo75joz\", \"f1yag6sl\"],\n ck0cow: [\"f1yag6sl\", \"fo75joz\"],\n Bcvre1j: \"fyl8oag\",\n Ftih45: \"fzhtfnv\",\n B0qfbqy: \"f1rponpz\",\n B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n y0oebl: \"f1muowhs\",\n uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"]\n },\n disabled: {\n B0qfbqy: \"f1rponpz\",\n B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n y0oebl: \"f1muowhs\",\n uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n Bq4z7u6: \"f1pw3ppl\",\n Bk5zm6e: [\"fxoq2z\", \"f1ykj0h9\"],\n Bqjgrrk: \"f1sz5gii\",\n Bm6vgfq: [\"f1ykj0h9\", \"fxoq2z\"]\n },\n horizontal: {\n Bz10aip: [\"f13gfj74\", \"f1nfknbn\"],\n oyh7mz: [\"f1fj3zth\", \"fcf9u6w\"]\n },\n vertical: {\n Bz10aip: \"f5cv5a3\",\n B5kzvoi: \"feeniun\"\n }\n}, {\n d: [\".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fd46tj4{grid-column-start:2;}\", \".f1e2fz10{grid-column-end:2;}\", \".f1euv43f{position:absolute;}\", \".f174ca62{width:var(--fui-Slider__thumb--size);}\", \".f1yfdkfd{height:var(--fui-Slider__thumb--size);}\", \".f1aehjj5{pointer-events:none;}\", \".f1s6fcnf{outline-style:none;}\", \".fdgv6k0{forced-color-adjust:none;}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fof7hq0{box-shadow:0 0 0 calc(var(--fui-Slider__thumb--size) * .2) var(--colorNeutralBackground1) inset;}\", \".foksa45{background-color:var(--fui-Slider__thumb--color);}\", \".f1j7ml58::before{position:absolute;}\", \".f14u7mkt::before{top:0px;}\", \".f5zrw40::before{left:0px;}\", \".f1ks5ppg::before{right:0px;}\", \".fto0uou::before{bottom:0px;}\", \".feh19e8::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f3j3guj::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fo75joz::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1yag6sl::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".fyl8oag::before{box-sizing:border-box;}\", \".fzhtfnv::before{content:'';}\", \".f1rponpz::before{border-top-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1rvw2z1::before{border-right-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".fjj0g3m::before{border-left-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1muowhs::before{border-bottom-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1pw3ppl::before{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".fxoq2z::before{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".f1ykj0h9::before{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".f1sz5gii::before{border-bottom-color:var(--colorNeutralForegroundDisabled);}\", \".f13gfj74{transform:translateX(-50%);}\", \".f1nfknbn{transform:translateX(50%);}\", \".f1fj3zth{left:var(--fui-Slider--progress);}\", \".fcf9u6w{right:var(--fui-Slider--progress);}\", \".f5cv5a3{transform:translateY(50%);}\", \".feeniun{bottom:var(--fui-Slider--progress);}\"]\n});\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = /*#__PURE__*/__styles({\n input: {\n Bceei9c: \"f1k6fduh\",\n abs64n: \"fk73vx1\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f1nzqi2z\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"fuur7zz\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n },\n disabled: {\n Bceei9c: \"f158kwzp\"\n },\n horizontal: {\n Bqenvij: \"f1yfdkfd\",\n a9b677: \"fly5x3f\"\n },\n vertical: {\n Bqenvij: \"f1l02sjl\",\n a9b677: \"f174ca62\",\n Brp00wb: \"f1r9mf01\"\n }\n}, {\n d: [\".f1k6fduh{cursor:pointer;}\", \".fk73vx1{opacity:0;}\", \".f16hsg94{grid-row-start:1;}\", \".f1nzqi2z{grid-row-end:-1;}\", \".fwpfdsa{grid-column-start:1;}\", \".fuur7zz{grid-column-end:-1;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f158kwzp{cursor:default;}\", \".f1yfdkfd{height:var(--fui-Slider__thumb--size);}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f174ca62{width:var(--fui-Slider__thumb--size);}\", \".f1r9mf01{-webkit-appearance:slider-vertical;}\"]\n});\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n//# sourceMappingURL=useSliderStyles.styles.js.map"],"names":["sliderClassNames","sliderCSSVars","useSliderStyles_unstable","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","__styles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","E5pizo","De3pzq","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"mappings":"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"}
1
+ {"version":3,"sources":["useSliderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const sliderClassNames = {\n root: 'fui-Slider',\n rail: 'fui-Slider__rail',\n thumb: 'fui-Slider__thumb',\n input: 'fui-Slider__input'\n};\n// Internal CSS variables\nconst thumbSizeVar = `--fui-Slider__thumb--size`;\nconst railSizeVar = `--fui-Slider__rail--size`;\nconst railColorVar = `--fui-Slider__rail--color`;\nconst progressColorVar = `--fui-Slider__progress--color`;\nconst thumbColorVar = `--fui-Slider__thumb--color`;\nexport const sliderCSSVars = {\n sliderDirectionVar: `--fui-Slider--direction`,\n sliderProgressVar: `--fui-Slider--progress`,\n sliderStepsPercentVar: `--fui-Slider--steps-percent`\n};\nconst {\n sliderDirectionVar,\n sliderStepsPercentVar,\n sliderProgressVar\n} = sliderCSSVars;\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n root: {\n qhf8xq: \"f10pi13n\",\n mc9l5x: \"fwk3njj\",\n lpbzjs: \"f1sdsnyy\",\n Bt984gj: \"f122n59\",\n B7hvi0a: \"f1oiokrs\"\n },\n small: {\n Bi64ftq: \"f1agqo6f\",\n Ba19x4e: \"f1i7ztpd\",\n sshi5w: \"f1pha7fy\"\n },\n medium: {\n Bi64ftq: \"f1a78h9h\",\n Ba19x4e: \"fuok0yf\",\n sshi5w: \"f1nxs5xn\"\n },\n horizontal: {\n Bf4jedk: \"fyvtabn\",\n wkccdc: \"fgfd48t\",\n Budl1dq: \"f4t5rw1\"\n },\n vertical: {\n sshi5w: \"f1pzv1zu\",\n wkccdc: \"fktlcaf\",\n Budl1dq: \"fiadc6h\"\n },\n enabled: {\n B7wi8oa: \"f4l8x3l\",\n B250r6j: \"f671q34\",\n Bpmy4es: \"fvfzmw5\",\n Buw9y6v: \"faw1t00\",\n Bq939m0: \"fxdgx5\",\n gjzr1t: \"fii04fa\",\n tg7hqu: \"f36hzz8\",\n ypdvl1: \"f1volkfw\",\n Bw5jdd4: \"f1xddb6\",\n Bdjie01: \"fcdikl\",\n Bvh9j6m: \"fhpzgm6\",\n Bvsvvpo: \"f1q6pm3h\"\n },\n disabled: {\n Bpmy4es: \"foojseg\",\n B7wi8oa: \"f1lgdqhv\",\n B250r6j: \"f1veetlj\",\n ypdvl1: \"fu12m3e\",\n Bw5jdd4: \"fi9guym\",\n Bdjie01: \"fcdjl4u\"\n },\n focusIndicatorHorizontal: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f1pmxfrl\",\n Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n skfxo0: \"f57dp0y\",\n jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f1pffoy2\",\n B29w5g4: [\"f1bmyog6\", \"f15fv2gd\"],\n Bhhzhcn: \"fs6b7xr\",\n Bec0n69: [\"f15fv2gd\", \"f1bmyog6\"]\n },\n focusIndicatorVertical: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n Bssx7fj: \"f1b1k54r\",\n uh7if5: [\"f4ne723\", \"fqqcjud\"],\n clntm0: \"fh7aioi\",\n Dlk2r6: [\"fqqcjud\", \"f4ne723\"],\n B2j2mmj: \"ffht0p2\",\n wigs8: \"f1p0ul1q\",\n pbfy6t: \"f1c901ms\",\n B0v4ure: \"f1alokd7\",\n ghq09: \"f78i1la\",\n B24cy0v: [\"f1kvsw7t\", \"f1bw8brt\"],\n Bwckmig: \"f8k7e5g\",\n Bvwlmkc: [\"f1bw8brt\", \"f1kvsw7t\"],\n Bbgo44z: \"f1pmxfrl\",\n Bil7v7r: [\"fszkfcr\", \"f1ap5ily\"],\n skfxo0: \"f57dp0y\",\n jo1ztg: [\"f1ap5ily\", \"fszkfcr\"],\n Ba3ybja: [\"f11dm2qb\", \"f136rfnd\"],\n az1dzo: [\"f136rfnd\", \"f11dm2qb\"],\n vppk2z: [\"fdsq1qd\", \"f1khssms\"],\n B6352mv: [\"f1khssms\", \"fdsq1qd\"],\n nr063g: \"fq4eyks\",\n Blmvk6g: [\"f1ya6x16\", \"ftuszwa\"],\n Bsiemmq: \"f1e2iu44\",\n B98u21t: [\"ftuszwa\", \"f1ya6x16\"],\n B2pnrqr: \"f1hxpdv8\",\n B29w5g4: [\"fm5xmfm\", \"femsgmt\"],\n Bhhzhcn: \"f1dmxpeg\",\n Bec0n69: [\"femsgmt\", \"fm5xmfm\"]\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".fwk3njj{display:inline-grid;}\", \".f1sdsnyy{touch-action:none;}\", \".f122n59{align-items:center;}\", \".f1oiokrs{justify-items:center;}\", \".f1agqo6f{--fui-Slider__thumb--size:16px;}\", \".f1i7ztpd{--fui-Slider__rail--size:2px;}\", \".f1pha7fy{min-height:24px;}\", \".f1a78h9h{--fui-Slider__thumb--size:20px;}\", \".fuok0yf{--fui-Slider__rail--size:4px;}\", \".f1nxs5xn{min-height:32px;}\", \".fyvtabn{min-width:120px;}\", \".fgfd48t{grid-template-rows:1fr var(--fui-Slider__thumb--size) 1fr;}\", \".f4t5rw1{grid-template-columns:1fr calc(100% - var(--fui-Slider__thumb--size)) 1fr;}\", \".f1pzv1zu{min-height:120px;}\", \".fktlcaf{grid-template-rows:1fr calc(100% - var(--fui-Slider__thumb--size)) 1fr;}\", \".fiadc6h{grid-template-columns:1fr var(--fui-Slider__thumb--size) 1fr;}\", \".f4l8x3l{--fui-Slider__rail--color:var(--colorNeutralStrokeAccessible);}\", \".f671q34{--fui-Slider__progress--color:var(--colorCompoundBrandBackground);}\", \".fvfzmw5{--fui-Slider__thumb--color:var(--colorCompoundBrandBackground);}\", \".foojseg{--fui-Slider__thumb--color:var(--colorNeutralForegroundDisabled);}\", \".f1lgdqhv{--fui-Slider__rail--color:var(--colorNeutralBackgroundDisabled);}\", \".f1veetlj{--fui-Slider__progress--color:var(--colorNeutralForegroundDisabled);}\", \".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}\", \".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}\", \".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}\", \".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}\", \".ffht0p2[data-fui-focus-within]:focus-within::after{content:\\\"\\\";}\", \".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}\", \".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}\", \".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}\", \".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}\", \".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}\", \".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}\", \".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}\", \".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}\", \".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}\", \".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}\", \".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}\", \".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}\", \".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}\", \".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}\", \".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f1pffoy2[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - -2px);}\", \".f1bmyog6[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 8px);}\", \".f15fv2gd[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 8px);}\", \".fs6b7xr[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - -2px);}\", \".f1hxpdv8[data-fui-focus-within]:focus-within::after{top:calc(0px - 2px - 6px);}\", \".fm5xmfm[data-fui-focus-within]:focus-within::after{right:calc(0px - 2px - 4px);}\", \".femsgmt[data-fui-focus-within]:focus-within::after{left:calc(0px - 2px - 4px);}\", \".f1dmxpeg[data-fui-focus-within]:focus-within::after{bottom:calc(0px - 2px - 6px);}\"],\n h: [\".faw1t00:hover{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundHover);}\", \".fxdgx5:hover{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundHover);}\"],\n a: [\".fii04fa:active{--fui-Slider__thumb--color:var(--colorCompoundBrandBackgroundPressed);}\", \".f36hzz8:active{--fui-Slider__progress--color:var(--colorCompoundBrandBackgroundPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1volkfw{--fui-Slider__rail--color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1xddb6{--fui-Slider__thumb--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcdikl{--fui-Slider__progress--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fhpzgm6:hover{--fui-Slider__thumb--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1q6pm3h:hover{--fui-Slider__progress--color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fu12m3e{--fui-Slider__rail--color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fi9guym{--fui-Slider__thumb--color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcdjl4u{--fui-Slider__progress--color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Styles for the rail slot\n */\nconst useRailStyles = /*#__PURE__*/__styles({\n rail: {\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"],\n Bkecrkj: \"f1aehjj5\",\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"f1e2fz10\",\n qhf8xq: \"f10pi13n\",\n Bvjb7m6: \"fdgv6k0\",\n Bcmaq0h: \"fizngqt\",\n Bpd4iqm: \"fpvhumw\",\n oeaueh: \"f1yog68k\",\n Bw0xxkn: \"f13sgyd8\",\n Ftih45: \"fzhtfnv\",\n Brfgrao: \"f1j7ml58\",\n Bbn5juq: \"fx36ao7\",\n Brdvuy1: \"fux3rle\"\n },\n horizontal: {\n a9b677: \"fly5x3f\",\n Bqenvij: \"f1cy86ho\",\n Fbdkly: [\"f1heqfse\", \"fkh49vu\"],\n mdwyqc: [\"fkh49vu\", \"f1heqfse\"],\n Baz25je: \"f16tdq4e\"\n },\n vertical: {\n a9b677: \"fqxfnkd\",\n Bqenvij: \"f1l02sjl\",\n Ccq8qp: \"f1rik0od\",\n Bciustq: \"f14xwovp\",\n lawp4y: \"febq2dz\"\n }\n}, {\n d: [\".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".f1aehjj5{pointer-events:none;}\", \".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fd46tj4{grid-column-start:2;}\", \".f1e2fz10{grid-column-end:2;}\", \".f10pi13n{position:relative;}\", \".fdgv6k0{forced-color-adjust:none;}\", \".fizngqt{background-image:linear-gradient(\\n var(--fui-Slider--direction),\\n var(--fui-Slider__progress--color) 0%,\\n var(--fui-Slider__progress--color) var(--fui-Slider--progress),\\n var(--fui-Slider__rail--color) var(--fui-Slider--progress)\\n );}\", \".fpvhumw{outline-width:1px;}\", \".f1yog68k{outline-style:solid;}\", \".f13sgyd8{outline-color:var(--colorTransparentStroke);}\", \".fzhtfnv::before{content:'';}\", \".f1j7ml58::before{position:absolute;}\", \".fx36ao7::before{background-image:repeating-linear-gradient(\\n var(--fui-Slider--direction),\\n #0000 0%,\\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\\n var(--colorNeutralBackground1) calc(var(--fui-Slider--steps-percent) - 1px),\\n var(--colorNeutralBackground1) var(--fui-Slider--steps-percent)\\n );}\", \".fly5x3f{width:100%;}\", \".f1cy86ho{height:var(--fui-Slider__rail--size);}\", \".f1heqfse::before{left:-1px;}\", \".fkh49vu::before{right:-1px;}\", \".f16tdq4e::before{height:var(--fui-Slider__rail--size);}\", \".fqxfnkd{width:var(--fui-Slider__rail--size);}\", \".f1l02sjl{height:100%;}\", \".f1rik0od::before{width:var(--fui-Slider__rail--size);}\", \".f14xwovp::before{top:-1px;}\", \".febq2dz::before{bottom:1px;}\"],\n m: [[\"@media (forced-colors: active){.fux3rle::before{background-image:repeating-linear-gradient(\\n var(--fui-Slider--direction),\\n #0000 0%,\\n #0000 calc(var(--fui-Slider--steps-percent) - 1px),\\n HighlightText calc(var(--fui-Slider--steps-percent) - 1px),\\n HighlightText var(--fui-Slider--steps-percent)\\n );}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Styles for the thumb slot\n */\nconst useThumbStyles = /*#__PURE__*/__styles({\n thumb: {\n Ijaq50: \"faunodf\",\n nk6f5a: \"f88nxoq\",\n Br312pm: \"fd46tj4\",\n Bw0ie65: \"f1e2fz10\",\n qhf8xq: \"f1euv43f\",\n a9b677: \"f174ca62\",\n Bqenvij: \"f1yfdkfd\",\n Bkecrkj: \"f1aehjj5\",\n oeaueh: \"f1s6fcnf\",\n Bvjb7m6: \"fdgv6k0\",\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n E5pizo: \"fof7hq0\",\n De3pzq: \"foksa45\",\n Brfgrao: \"f1j7ml58\",\n Bciustq: \"f14u7mkt\",\n Fbdkly: [\"f5zrw40\", \"f1ks5ppg\"],\n lawp4y: \"fto0uou\",\n mdwyqc: [\"f1ks5ppg\", \"f5zrw40\"],\n Budzafs: [\"feh19e8\", \"f3j3guj\"],\n r59vdv: [\"f3j3guj\", \"feh19e8\"],\n n07z76: [\"fo75joz\", \"f1yag6sl\"],\n ck0cow: [\"f1yag6sl\", \"fo75joz\"],\n Bcvre1j: \"fyl8oag\",\n Ftih45: \"fzhtfnv\",\n B0qfbqy: \"f1rponpz\",\n B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n y0oebl: \"f1muowhs\",\n uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n Bq4z7u6: \"f10tv6oz\",\n Bk5zm6e: [\"f16xp3sf\", \"f1seuxxq\"],\n Bqjgrrk: \"fwrmqbx\",\n Bm6vgfq: [\"f1seuxxq\", \"f16xp3sf\"]\n },\n disabled: {\n B0qfbqy: \"f1rponpz\",\n B4f6apu: [\"f1rvw2z1\", \"fjj0g3m\"],\n y0oebl: \"f1muowhs\",\n uvfttm: [\"fjj0g3m\", \"f1rvw2z1\"],\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"],\n Bq4z7u6: \"f1pw3ppl\",\n Bk5zm6e: [\"fxoq2z\", \"f1ykj0h9\"],\n Bqjgrrk: \"f1sz5gii\",\n Bm6vgfq: [\"f1ykj0h9\", \"fxoq2z\"]\n },\n horizontal: {\n Bz10aip: [\"f13gfj74\", \"f1nfknbn\"],\n oyh7mz: [\"f1fj3zth\", \"fcf9u6w\"]\n },\n vertical: {\n Bz10aip: \"f5cv5a3\",\n B5kzvoi: \"feeniun\"\n }\n}, {\n d: [\".faunodf{grid-row-start:2;}\", \".f88nxoq{grid-row-end:2;}\", \".fd46tj4{grid-column-start:2;}\", \".f1e2fz10{grid-column-end:2;}\", \".f1euv43f{position:absolute;}\", \".f174ca62{width:var(--fui-Slider__thumb--size);}\", \".f1yfdkfd{height:var(--fui-Slider__thumb--size);}\", \".f1aehjj5{pointer-events:none;}\", \".f1s6fcnf{outline-style:none;}\", \".fdgv6k0{forced-color-adjust:none;}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fof7hq0{box-shadow:0 0 0 calc(var(--fui-Slider__thumb--size) * .2) var(--colorNeutralBackground1) inset;}\", \".foksa45{background-color:var(--fui-Slider__thumb--color);}\", \".f1j7ml58::before{position:absolute;}\", \".f14u7mkt::before{top:0px;}\", \".f5zrw40::before{left:0px;}\", \".f1ks5ppg::before{right:0px;}\", \".fto0uou::before{bottom:0px;}\", \".feh19e8::before{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f3j3guj::before{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fo75joz::before{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1yag6sl::before{border-top-left-radius:var(--borderRadiusCircular);}\", \".fyl8oag::before{box-sizing:border-box;}\", \".fzhtfnv::before{content:'';}\", \".f1rponpz::before{border-top-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1rvw2z1::before{border-right-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".fjj0g3m::before{border-left-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f1muowhs::before{border-bottom-width:calc(var(--fui-Slider__thumb--size) * .05);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}\", \".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}\", \".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}\", \".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}\", \".f1pw3ppl::before{border-top-color:var(--colorNeutralForegroundDisabled);}\", \".fxoq2z::before{border-right-color:var(--colorNeutralForegroundDisabled);}\", \".f1ykj0h9::before{border-left-color:var(--colorNeutralForegroundDisabled);}\", \".f1sz5gii::before{border-bottom-color:var(--colorNeutralForegroundDisabled);}\", \".f13gfj74{transform:translateX(-50%);}\", \".f1nfknbn{transform:translateX(50%);}\", \".f1fj3zth{left:var(--fui-Slider--progress);}\", \".fcf9u6w{right:var(--fui-Slider--progress);}\", \".f5cv5a3{transform:translateY(50%);}\", \".feeniun{bottom:var(--fui-Slider--progress);}\"]\n});\n/**\n * Styles for the Input slot\n */\nconst useInputStyles = /*#__PURE__*/__styles({\n input: {\n Bceei9c: \"f1k6fduh\",\n abs64n: \"fk73vx1\",\n Ijaq50: \"f16hsg94\",\n nk6f5a: \"f1nzqi2z\",\n Br312pm: \"fwpfdsa\",\n Bw0ie65: \"fuur7zz\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n },\n disabled: {\n Bceei9c: \"f158kwzp\"\n },\n horizontal: {\n Bqenvij: \"f1yfdkfd\",\n a9b677: \"fly5x3f\"\n },\n vertical: {\n Bqenvij: \"f1l02sjl\",\n a9b677: \"f174ca62\",\n Brp00wb: \"f1r9mf01\"\n }\n}, {\n d: [\".f1k6fduh{cursor:pointer;}\", \".fk73vx1{opacity:0;}\", \".f16hsg94{grid-row-start:1;}\", \".f1nzqi2z{grid-row-end:-1;}\", \".fwpfdsa{grid-column-start:1;}\", \".fuur7zz{grid-column-end:-1;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f158kwzp{cursor:default;}\", \".f1yfdkfd{height:var(--fui-Slider__thumb--size);}\", \".fly5x3f{width:100%;}\", \".f1l02sjl{height:100%;}\", \".f174ca62{width:var(--fui-Slider__thumb--size);}\", \".f1r9mf01{-webkit-appearance:slider-vertical;}\"]\n});\n/**\n * Apply styling to the Slider slots based on the state\n */\nexport const useSliderStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const railStyles = useRailStyles();\n const thumbStyles = useThumbStyles();\n const inputStyles = useInputStyles();\n const isVertical = state.vertical;\n state.root.className = mergeClasses(sliderClassNames.root, rootStyles.root, isVertical ? rootStyles.focusIndicatorVertical : rootStyles.focusIndicatorHorizontal, rootStyles[state.size], isVertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);\n state.rail.className = mergeClasses(sliderClassNames.rail, railStyles.rail, isVertical ? railStyles.vertical : railStyles.horizontal, state.rail.className);\n state.thumb.className = mergeClasses(sliderClassNames.thumb, thumbStyles.thumb, isVertical ? thumbStyles.vertical : thumbStyles.horizontal, state.disabled && thumbStyles.disabled, state.thumb.className);\n state.input.className = mergeClasses(sliderClassNames.input, inputStyles.input, isVertical ? inputStyles.vertical : inputStyles.horizontal, state.disabled && inputStyles.disabled, state.input.className);\n return state;\n};\n//# sourceMappingURL=useSliderStyles.styles.js.map"],"names":["sliderClassNames","sliderCSSVars","useSliderStyles_unstable","root","rail","thumb","input","thumbSizeVar","railSizeVar","railColorVar","progressColorVar","thumbColorVar","sliderDirectionVar","sliderProgressVar","sliderStepsPercentVar","useRootStyles","__styles","qhf8xq","mc9l5x","lpbzjs","Bt984gj","B7hvi0a","small","Bi64ftq","Ba19x4e","sshi5w","medium","horizontal","Bf4jedk","wkccdc","Budl1dq","vertical","enabled","B7wi8oa","B250r6j","Bpmy4es","Buw9y6v","Bq939m0","gjzr1t","tg7hqu","ypdvl1","Bw5jdd4","Bdjie01","Bvh9j6m","Bvsvvpo","disabled","focusIndicatorHorizontal","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","focusIndicatorVertical","d","h","a","m","f","i","useRailStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","Bkecrkj","Ijaq50","nk6f5a","Br312pm","Bw0ie65","Bvjb7m6","Bcmaq0h","Bpd4iqm","oeaueh","Bw0xxkn","Ftih45","Brfgrao","Bbn5juq","Brdvuy1","a9b677","Bqenvij","Fbdkly","mdwyqc","Baz25je","Ccq8qp","Bciustq","lawp4y","useThumbStyles","E5pizo","De3pzq","Budzafs","r59vdv","n07z76","ck0cow","Bcvre1j","B0qfbqy","B4f6apu","y0oebl","uvfttm","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","Bq4z7u6","Bk5zm6e","Bqjgrrk","Bm6vgfq","Bz10aip","oyh7mz","B5kzvoi","useInputStyles","Bceei9c","abs64n","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","Brp00wb","state","rootStyles","railStyles","thumbStyles","inputStyles","isVertical","className","mergeClasses","size"],"mappings":"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"}
@@ -9,12 +9,26 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- Slider: ()=>_slider.Slider,
13
- renderSlider_unstable: ()=>_slider.renderSlider_unstable,
14
- sliderClassNames: ()=>_slider.sliderClassNames,
15
- sliderCSSVars: ()=>_slider.sliderCSSVars,
16
- useSliderState_unstable: ()=>_slider.useSliderState_unstable,
17
- useSliderStyles_unstable: ()=>_slider.useSliderStyles_unstable,
18
- useSlider_unstable: ()=>_slider.useSlider_unstable
12
+ Slider: function() {
13
+ return _Slider.Slider;
14
+ },
15
+ renderSlider_unstable: function() {
16
+ return _Slider.renderSlider_unstable;
17
+ },
18
+ sliderClassNames: function() {
19
+ return _Slider.sliderClassNames;
20
+ },
21
+ sliderCSSVars: function() {
22
+ return _Slider.sliderCSSVars;
23
+ },
24
+ useSliderState_unstable: function() {
25
+ return _Slider.useSliderState_unstable;
26
+ },
27
+ useSliderStyles_unstable: function() {
28
+ return _Slider.useSliderStyles_unstable;
29
+ },
30
+ useSlider_unstable: function() {
31
+ return _Slider.useSlider_unstable;
32
+ }
19
33
  });
20
- const _slider = require("./Slider");
34
+ const _Slider = require("./Slider");
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable } from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM,MAANA,cAAM;IAAEC,qBAAqB,MAArBA,6BAAqB;IAAEC,gBAAgB,MAAhBA,wBAAgB;IAAEC,aAAa,MAAbA,qBAAa;IAAEC,uBAAuB,MAAvBA,+BAAuB;IAAEC,wBAAwB,MAAxBA,gCAAwB;IAAEC,kBAAkB,MAAlBA,0BAAkB;;wBAAQ"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export { Slider, renderSlider_unstable, sliderClassNames, sliderCSSVars, useSliderState_unstable, useSliderStyles_unstable, useSlider_unstable } from './Slider';\n"],"names":["Slider","renderSlider_unstable","sliderClassNames","sliderCSSVars","useSliderState_unstable","useSliderStyles_unstable","useSlider_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,aAAa;eAAbA,qBAAa;;IAAEC,uBAAuB;eAAvBA,+BAAuB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;;wBAAQ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-slider",
3
- "version": "9.1.35",
3
+ "version": "9.1.36",
4
4
  "description": "Fluent UI React Slider component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -34,20 +34,20 @@
34
34
  "@fluentui/scripts-tasks": "*"
35
35
  },
36
36
  "dependencies": {
37
- "@fluentui/react-field": "^9.1.22",
38
- "@fluentui/react-jsx-runtime": "^9.0.3",
39
- "@fluentui/react-shared-contexts": "^9.7.2",
40
- "@fluentui/react-tabster": "^9.12.5",
41
- "@fluentui/react-theme": "^9.1.11",
42
- "@fluentui/react-utilities": "^9.13.0",
37
+ "@fluentui/react-field": "^9.1.23",
38
+ "@fluentui/react-jsx-runtime": "^9.0.4",
39
+ "@fluentui/react-shared-contexts": "^9.7.3",
40
+ "@fluentui/react-tabster": "^9.12.6",
41
+ "@fluentui/react-theme": "^9.1.12",
42
+ "@fluentui/react-utilities": "^9.13.1",
43
43
  "@griffel/react": "^1.5.14",
44
- "@swc/helpers": "^0.4.14"
44
+ "@swc/helpers": "^0.5.1"
45
45
  },
46
46
  "peerDependencies": {
47
- "@types/react": ">=16.8.0 <19.0.0",
48
- "@types/react-dom": ">=16.8.0 <19.0.0",
49
- "react": ">=16.8.0 <19.0.0",
50
- "react-dom": ">=16.8.0 <19.0.0"
47
+ "@types/react": ">=16.14.0 <19.0.0",
48
+ "@types/react-dom": ">=16.14.0 <19.0.0",
49
+ "react": ">=16.14.0 <19.0.0",
50
+ "react-dom": ">=16.14.0 <19.0.0"
51
51
  },
52
52
  "beachball": {
53
53
  "disallowedChangeTypes": [