@fluentui/react-slider 9.0.0-alpha.8 → 9.0.0-beta.10

package/lib/utils/getPercent.d.ts

@@ -1,8 +0,0 @@
-/**
- * Gets the current percent of specified value between a min and max
- *
- * @param value - the value to find the percent
- * @param min - the lowest valid value
- * @param max - the highest valid value
- */
-export declare const getPercent: (value: number, min: number, max: number) => number;

package/lib/utils/getPercent.js

@@ -1,11 +0,0 @@
-/**
- * Gets the current percent of specified value between a min and max
- *
- * @param value - the value to find the percent
- * @param min - the lowest valid value
- * @param max - the highest valid value
- */
-export var getPercent = function (value, min, max) {
-  return max === min ? 0 : (value - min) / (max - min) * 100;
-};
-//# sourceMappingURL=getPercent.js.map

package/lib/utils/getPercent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/getPercent.ts"],"names":[],"mappings":"AAAA;;;;;;AAMG;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAgB,GAAhB,EAA6B,GAA7B,EAAwC;AAChE,SAAO,GAAG,KAAK,GAAR,GAAc,CAAd,GAAmB,CAAC,KAAK,GAAG,GAAT,KAAiB,GAAG,GAAG,GAAvB,CAAD,GAAgC,GAAzD;AACD,CAFM","sourcesContent":["/**\n * Gets the current percent of specified value between a min and max\n *\n * @param value - the value to find the percent\n * @param min - the lowest valid value\n * @param max - the highest valid value\n */\nexport const getPercent = (value: number, min: number, max: number) => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n"],"sourceRoot":"../src/"}

package/lib/utils/getRTLSafeKey.d.ts

@@ -1,4 +0,0 @@
-/**
- * Finds and swaps a provided key for it's right to left format.
- */
-export declare const getRTLSafeKey: (key: string, dir: 'ltr' | 'rtl') => string;

package/lib/utils/getRTLSafeKey.js

@@ -1,21 +0,0 @@
-/**
- * Finds and swaps a provided key for it's right to left format.
- */
-export var getRTLSafeKey = function (key, dir) {
-  if (dir === 'rtl') {
-    switch (key) {
-      case 'ArrowLeft':
-        {
-          return 'ArrowRight';
-        }
-
-      case 'ArrowRight':
-        {
-          return 'ArrowLeft';
-        }
-    }
-  }
-
-  return key;
-};
-//# sourceMappingURL=getRTLSafeKey.js.map

package/lib/utils/getRTLSafeKey.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/getRTLSafeKey.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,GAAD,EAAc,GAAd,EAAgC;AAC3D,MAAI,GAAG,KAAK,KAAZ,EAAmB;AACjB,YAAQ,GAAR;AACE,WAAK,WAAL;AAAkB;AAChB,iBAAO,YAAP;AACD;;AAED,WAAK,YAAL;AAAmB;AACjB,iBAAO,WAAP;AACD;AAPH;AASD;;AAED,SAAO,GAAP;AACD,CAdM","sourcesContent":["/**\n * Finds and swaps a provided key for it's right to left format.\n */\nexport const getRTLSafeKey = (key: string, dir: 'ltr' | 'rtl') => {\n  if (dir === 'rtl') {\n    switch (key) {\n      case 'ArrowLeft': {\n        return 'ArrowRight';\n      }\n\n      case 'ArrowRight': {\n        return 'ArrowLeft';\n      }\n    }\n  }\n\n  return key;\n};\n"],"sourceRoot":"../src/"}

package/lib/utils/index.d.ts

@@ -1,9 +0,0 @@
-export * from './calculateSteps';
-export * from './clamp';
-export * from './getKeydownValue';
-export * from './getMarkPercent';
-export * from './getMarkValues';
-export * from './getPercent';
-export * from './getRTLSafeKey';
-export * from './on';
-export * from './renderMarks';

package/lib/utils/index.js

@@ -1,10 +0,0 @@
-export * from './calculateSteps';
-export * from './clamp';
-export * from './getKeydownValue';
-export * from './getMarkPercent';
-export * from './getMarkValues';
-export * from './getPercent';
-export * from './getRTLSafeKey';
-export * from './on';
-export * from './renderMarks';
-//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,MAAM,CAAC;AACrB,cAAc,eAAe,CAAC","sourcesContent":["export * from './calculateSteps';\nexport * from './clamp';\nexport * from './getKeydownValue';\nexport * from './getMarkPercent';\nexport * from './getMarkValues';\nexport * from './getPercent';\nexport * from './getRTLSafeKey';\nexport * from './on';\nexport * from './renderMarks';\n"]}

package/lib/utils/on.d.ts

@@ -1 +0,0 @@
-export declare const on: (element: Element, eventName: string, callback: (ev: any) => void) => () => void;

package/lib/utils/on.js

@@ -1,8 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export var on = function (element, eventName, callback) {
-  element.addEventListener(eventName, callback);
-  return function () {
-    return element.removeEventListener(eventName, callback);
-  };
-};
-//# sourceMappingURL=on.js.map

package/lib/utils/on.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/on.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,IAAM,EAAE,GAAG,UAAC,OAAD,EAAmB,SAAnB,EAAsC,QAAtC,EAAiE;AACjF,EAAA,OAAO,CAAC,gBAAR,CAAyB,SAAzB,EAAoC,QAApC;AACA,SAAO,YAAA;AAAM,WAAA,OAAO,CAAC,mBAAR,CAA4B,SAA5B,EAAA,QAAA,CAAA;AAAgD,GAA7D;AACD,CAHM","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const on = (element: Element, eventName: string, callback: (ev: any) => void) => {\n  element.addEventListener(eventName, callback);\n  return () => element.removeEventListener(eventName, callback);\n};\n"],"sourceRoot":"../src/"}

package/lib/utils/renderMarks.d.ts

@@ -1,13 +0,0 @@
-export declare const markClassName = "ms-Slider-mark";
-export declare const markLabelClassName = "ms-Slider-label";
-/**
- * Renders the marks
- *
- * @param markValues The marks percentage position relative to their individual positions.
- * @param marks The provided marks prop from the Slider component.
- */
-export declare const renderMarks: (markValues: number[], marks: boolean | (number | {
-    value: number;
-    label?: string | JSX.Element;
-    mark?: JSX.Element;
-})[]) => JSX.Element[];

package/lib/utils/renderMarks.js

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { mergeClasses } from '@fluentui/react-make-styles'; // The mark related classNames are needed since they are used in a JSX element that is dynamically generated.
-
-var markContainerClassName = 'ms-Slider-markItemContainer';
-var firstMarkClassName = 'ms-Slider-firstMark';
-var lastMarkClassName = 'ms-Slider-lastMark';
-export var markClassName = 'ms-Slider-mark';
-export var markLabelClassName = 'ms-Slider-label';
-/**
- * Renders the marks
- *
- * @param markValues The marks percentage position relative to their individual positions.
- * @param marks The provided marks prop from the Slider component.
- */
-
-export var renderMarks = function (markValues, marks) {
-  return markValues.map(function (value, i) {
-    var marksItem = typeof marks === 'boolean' ? undefined : marks[i];
-    return /*#__PURE__*/React.createElement("div", {
-      className: markContainerClassName,
-      key: "markItemContainer-" + i
-    }, marksItem !== undefined && typeof marksItem === 'object' && marksItem.mark ? marksItem.mark : /*#__PURE__*/React.createElement("div", {
-      className: mergeClasses(markClassName, markValues[i] === 0 && firstMarkClassName || markValues[i] === 100 && lastMarkClassName || ''),
-      key: "mark-" + i
-    }), marksItem !== undefined && typeof marksItem === 'object' && marksItem.label && /*#__PURE__*/React.createElement("div", {
-      className: markLabelClassName,
-      key: "markLabel-" + i
-    }, marksItem.label));
-  });
-};
-//# sourceMappingURL=renderMarks.js.map

package/lib/utils/renderMarks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils/renderMarks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B,C,CAEA;;AACA,IAAM,sBAAsB,GAAG,6BAA/B;AACA,IAAM,kBAAkB,GAAG,qBAA3B;AACA,IAAM,iBAAiB,GAAG,oBAA1B;AACA,OAAO,IAAM,aAAa,GAAG,gBAAtB;AACP,OAAO,IAAM,kBAAkB,GAAG,iBAA3B;AAEP;;;;;AAKG;;AACH,OAAO,IAAM,WAAW,GAAG,UACzB,UADyB,EAEzB,KAFyB,EAEwE;AAEjG,SAAA,UAAU,CAAC,GAAX,CAAe,UAAC,KAAD,EAAQ,CAAR,EAAS;AACtB,QAAM,SAAS,GAAG,OAAO,KAAP,KAAiB,SAAjB,GAA6B,SAA7B,GAAyC,KAAK,CAAC,CAAD,CAAhE;AAEA,wBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,sBAAhB;AAAwC,MAAA,GAAG,EAAE,uBAAqB;AAAlE,KAAA,EACG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,IAAtE,GACC,SAAS,CAAC,IADX,gBAGC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAE,YAAY,CACrB,aADqB,EAEpB,UAAU,CAAC,CAAD,CAAV,KAAkB,CAAlB,IAAuB,kBAAxB,IAAgD,UAAU,CAAC,CAAD,CAAV,KAAkB,GAAlB,IAAyB,iBAAzE,IAA+F,EAF1E,CADzB;AAKE,MAAA,GAAG,EAAE,UAAQ;AALf,KAAA,CAJJ,EAYG,SAAS,KAAK,SAAd,IAA2B,OAAO,SAAP,KAAqB,QAAhD,IAA4D,SAAS,CAAC,KAAtE,iBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,SAAS,EAAE,kBAAhB;AAAoC,MAAA,GAAG,EAAE,eAAa;AAAtD,KAAA,EACG,SAAS,CAAC,KADb,CAbJ,CADF;AAoBD,GAvBD,CAAA;AAuBE,CA3BG","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-make-styles';\n\n// The mark related classNames are needed since they are used in a JSX element that is dynamically generated.\nconst markContainerClassName = 'ms-Slider-markItemContainer';\nconst firstMarkClassName = 'ms-Slider-firstMark';\nconst lastMarkClassName = 'ms-Slider-lastMark';\nexport const markClassName = 'ms-Slider-mark';\nexport const markLabelClassName = 'ms-Slider-label';\n\n/**\n * Renders the marks\n *\n * @param markValues The marks percentage position relative to their individual positions.\n * @param marks The provided marks prop from the Slider component.\n */\nexport const renderMarks = (\n  markValues: number[],\n  marks: boolean | (number | { value: number; label?: string | JSX.Element; mark?: JSX.Element })[],\n) =>\n  markValues.map((value, i) => {\n    const marksItem = typeof marks === 'boolean' ? undefined : marks[i];\n\n    return (\n      <div className={markContainerClassName} key={`markItemContainer-${i}`}>\n        {marksItem !== undefined && typeof marksItem === 'object' && marksItem.mark ? (\n          marksItem.mark\n        ) : (\n          <div\n            className={mergeClasses(\n              markClassName,\n              (markValues[i] === 0 && firstMarkClassName) || (markValues[i] === 100 && lastMarkClassName) || '',\n            )}\n            key={`mark-${i}`}\n          />\n        )}\n        {marksItem !== undefined && typeof marksItem === 'object' && marksItem.label && (\n          <div className={markLabelClassName} key={`markLabel-${i}`}>\n            {marksItem.label}\n          </div>\n        )}\n      </div>\n    );\n  });\n"],"sourceRoot":"../src/"}

package/lib-amd/Slider.d.ts

@@ -1 +0,0 @@
-export * from './components/Slider/index';

package/lib-amd/Slider.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Slider/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Slider.js.map

package/lib-amd/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","sourceRoot":"../src/","sources":["Slider.ts"],"names":[],"mappings":";;;IAAA,uCAA0C","sourcesContent":["export * from './components/Slider/index';\n"]}

package/lib-amd/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib-amd/common/isConformant.js

@@ -1,16 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isConformant = void 0;
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            asPropHandlesRef: true,
-            componentPath: module.parent.filename.replace('.test', ''),
-            extraTests: react_conformance_make_styles_1.default,
-            skipAsPropTests: true,
-        };
-        react_conformance_1.isConformant(defaultOptions, testInfo);
-    }
-    exports.isConformant = isConformant;
-});
-//# sourceMappingURL=isConformant.js.map

package/lib-amd/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5D,UAAU,EAAE,uCAAqC;YACjD,eAAe,EAAE,IAAI;SACtB,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAXD,oCAWC","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n    extraTests: makeStylesTests as TestObject<TProps>,\n    skipAsPropTests: true,\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

package/lib-amd/components/Slider/Slider.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * Define a styled Slider, using the `useSlider` hook
- */
-export declare const Slider: React.ForwardRefExoticComponent<Pick<import("@fluentui/react-utilities").ComponentProps<import("./Slider.types").SliderSlots, "root">, "input" | "slot" | "style" | "title" | "track" | "children" | "key" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "rail" | "sliderWrapper" | "trackWrapper" | "marksWrapper" | "thumbWrapper" | "thumb" | "activeRail" | "as"> & import("./Slider.types").SliderCommons & React.RefAttributes<HTMLDivElement>>;

package/lib-amd/components/Slider/Slider.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "react", "./useSlider", "./renderSlider", "./useSliderStyles"], function (require, exports, React, useSlider_1, renderSlider_1, useSliderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Slider = void 0;
-    /**
-     * Define a styled Slider, using the `useSlider` hook
-     */
-    exports.Slider = React.forwardRef(function (props, ref) {
-        var state = useSlider_1.useSlider(props, ref);
-        useSliderStyles_1.useSliderStyles(state);
-        return renderSlider_1.renderSlider(state);
-    });
-    exports.Slider.displayName = 'Slider';
-});
-//# sourceMappingURL=Slider.js.map

package/lib-amd/components/Slider/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","sourceRoot":"../src/","sources":["components/Slider/Slider.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;QAC7E,IAAM,KAAK,GAAG,qBAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpC,iCAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,2BAAY,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport { useSlider } from './useSlider';\nimport { renderSlider } from './renderSlider';\nimport { useSliderStyles } from './useSliderStyles';\nimport type { SliderProps } from './Slider.types';\n\n/**\n * Define a styled Slider, using the `useSlider` hook\n */\nexport const Slider = React.forwardRef<HTMLDivElement, SliderProps>((props, ref) => {\n  const state = useSlider(props, ref);\n\n  useSliderStyles(state);\n\n  return renderSlider(state);\n});\nSlider.displayName = 'Slider';\n"]}

package/lib-amd/components/Slider/Slider.types.d.ts

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import { ComponentState, ComponentProps, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-export declare type SliderSlots = {
-    /**
-     * The root of the Slider.
-     */
-    root: IntrinsicShorthandProps<'div'>;
-    /**
-     * The Slider's base. It is used to visibly display the min and max selectable values.
-     */
-    rail: IntrinsicShorthandProps<'div'>;
-    /**
-     * The wrapper around the Slider component.
-     */
-    sliderWrapper: IntrinsicShorthandProps<'div'>;
-    /**
-     * The wrapper around the Slider's track. It is primarily used to handle the positioning of the track.
-     */
-    trackWrapper: IntrinsicShorthandProps<'div'>;
-    /**
-     * The bar showing the current selected area adjacent to the Slider's thumb.
-     */
-    track: IntrinsicShorthandProps<'div'>;
-    /**
-     * The wrapper holding the marks and mark labels for the Slider.
-     */
-    marksWrapper: IntrinsicShorthandProps<'div'>;
-    /**
-     * The wrapper around the Slider's thumb. It is primarily used to handle the dragging animation from translateX.
-     */
-    thumbWrapper: IntrinsicShorthandProps<'div'>;
-    /**
-     * The draggable icon used to select a given value from the Slider.
-     * This is the element containing `role = 'slider'`.
-     */
-    thumb: IntrinsicShorthandProps<'div'>;
-    /**
-     * The area in which the Slider's rail allows for the thumb to be dragged.
-     */
-    activeRail: IntrinsicShorthandProps<'div'>;
-    /**
-     * The hidden input for the Slider.
-     */
-    input: IntrinsicShorthandProps<'input'>;
-};
-export declare type SliderCommons = {
-    /**
-     * The starting value for an uncontrolled Slider.
-     * Mutually exclusive with `value` prop.
-     */
-    defaultValue?: number;
-    /**
-     * The current value of the controlled Slider.
-     * Mutually exclusive with `defaultValue` prop.
-     */
-    value?: number;
-    /**
-     * The min value of the Slider.
-     * @default 0
-     */
-    min?: number;
-    /**
-     * The max value of the Slider.
-     * @default 100
-     */
-    max?: number;
-    /**
-     * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider
-     * will snap to the closest available value. This must be a positive value.
-     * @default 1
-     */
-    step?: number;
-    /**
-     * The number of steps that the Slider's value will change by during a key press. When provided, the `keyboardSteps`
-     * will be separated from the pointer `steps` allowing for the value to go outside of pointer related
-     * snapping values.
-     *
-     * @default `step` or 1
-     */
-    keyboardStep?: number;
-    /**
-     *  Whether to render the Slider as disabled.
-     *
-     * @default `false` (renders enabled)
-     */
-    disabled?: boolean;
-    /**
-     * Whether to render the Slider vertically.
-     * @default `false` (renders horizontally)
-     */
-    vertical?: boolean;
-    /**
-     * When enabled, small marks are displayed across the Slider, showing potential steps.
-     *
-     * - If `true`, marks are visible at each `step`.
-     * - If `number[]`, marks will be displayed at each provided number. Numbers must be in ascending order.
-     * - If `{}[]`, mark is shown at the value location and displays any provided custom labels and marks.
-     */
-    marks?: boolean | (number | {
-        value: number;
-        label?: string | JSX.Element;
-        mark?: JSX.Element;
-    })[];
-    /**
-     * The starting origin point for the Slider.
-     * @default min
-     */
-    origin?: number;
-    /**
-     * The size of the Slider.
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /**
-     * Triggers a callback when the value has been changed. This will be called on every individual step.
-     */
-    onChange?: (ev: React.PointerEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>, data: {
-        value: number;
-    }) => void;
-    /**
-     * The Slider's current value label to be read by the screen reader.
-     */
-    ariaValueText?: (value: number) => string;
-};
-export declare type SliderProps = Omit<ComponentProps<SliderSlots>, 'onChange' | 'defaultValue'> & SliderCommons;
-export declare type SliderState = ComponentState<SliderSlots> & SliderCommons;

package/lib-amd/components/Slider/Slider.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Slider.types.js.map

package/lib-amd/components/Slider/Slider.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.types.js","sourceRoot":"../src/","sources":["components/Slider/Slider.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentState, ComponentProps, IntrinsicShorthandProps } from '@fluentui/react-utilities';\n\nexport type SliderSlots = {\n  /**\n   * The root of the Slider.\n   */\n  root: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The Slider's base. It is used to visibly display the min and max selectable values.\n   */\n  rail: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The wrapper around the Slider component.\n   */\n  sliderWrapper: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The wrapper around the Slider's track. It is primarily used to handle the positioning of the track.\n   */\n  trackWrapper: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The bar showing the current selected area adjacent to the Slider's thumb.\n   */\n  track: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The wrapper holding the marks and mark labels for the Slider.\n   */\n  marksWrapper: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The wrapper around the Slider's thumb. It is primarily used to handle the dragging animation from translateX.\n   */\n  thumbWrapper: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The draggable icon used to select a given value from the Slider.\n   * This is the element containing `role = 'slider'`.\n   */\n  thumb: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The area in which the Slider's rail allows for the thumb to be dragged.\n   */\n  activeRail: IntrinsicShorthandProps<'div'>;\n\n  /**\n   * The hidden input for the Slider.\n   */\n  input: IntrinsicShorthandProps<'input'>;\n};\n\nexport type SliderCommons = {\n  /**\n   * The starting value for an uncontrolled Slider.\n   * Mutually exclusive with `value` prop.\n   */\n  defaultValue?: number;\n\n  /**\n   * The current value of the controlled Slider.\n   * Mutually exclusive with `defaultValue` prop.\n   */\n  value?: number;\n\n  /**\n   * The min value of the Slider.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * The max value of the Slider.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The number of steps that the Slider's `value` will increment upon change. When provided, the Slider\n   * will snap to the closest available value. This must be a positive value.\n   * @default 1\n   */\n  step?: number;\n\n  /**\n   * The number of steps that the Slider's value will change by during a key press. When provided, the `keyboardSteps`\n   * will be separated from the pointer `steps` allowing for the value to go outside of pointer related\n   * snapping values.\n   *\n   * @default `step` or 1\n   */\n  keyboardStep?: number;\n\n  /**\n   *  Whether to render the Slider as disabled.\n   *\n   * @default `false` (renders enabled)\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether to render the Slider vertically.\n   * @default `false` (renders horizontally)\n   */\n  vertical?: boolean;\n\n  /**\n   * When enabled, small marks are displayed across the Slider, showing potential steps.\n   *\n   * - If `true`, marks are visible at each `step`.\n   * - If `number[]`, marks will be displayed at each provided number. Numbers must be in ascending order.\n   * - If `{}[]`, mark is shown at the value location and displays any provided custom labels and marks.\n   */\n  marks?: boolean | (number | { value: number; label?: string | JSX.Element; mark?: JSX.Element })[];\n\n  /**\n   * The starting origin point for the Slider.\n   * @default min\n   */\n  origin?: number;\n\n  /**\n   * The size of the Slider.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * Triggers a callback when the value has been changed. This will be called on every individual step.\n   */\n  onChange?: (\n    ev: React.PointerEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>,\n    data: { value: number },\n  ) => void;\n\n  /**\n   * The Slider's current value label to be read by the screen reader.\n   */\n  ariaValueText?: (value: number) => string;\n};\n\nexport type SliderProps = Omit<ComponentProps<SliderSlots>, 'onChange' | 'defaultValue'> & SliderCommons;\n\nexport type SliderState = ComponentState<SliderSlots> & SliderCommons;\n"]}

package/lib-amd/components/Slider/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Slider';
-export * from './Slider.types';
-export * from './renderSlider';
-export * from './useSlider';
-export * from './useSliderState';
-export * from './useSliderStyles';

package/lib-amd/components/Slider/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./Slider", "./Slider.types", "./renderSlider", "./useSlider", "./useSliderState", "./useSliderStyles"], function (require, exports, tslib_1, Slider_1, Slider_types_1, renderSlider_1, useSlider_1, useSliderState_1, useSliderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Slider_1, exports);
-    tslib_1.__exportStar(Slider_types_1, exports);
-    tslib_1.__exportStar(renderSlider_1, exports);
-    tslib_1.__exportStar(useSlider_1, exports);
-    tslib_1.__exportStar(useSliderState_1, exports);
-    tslib_1.__exportStar(useSliderStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Slider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Slider/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB;IACzB,8CAA+B;IAC/B,8CAA+B;IAC/B,2CAA4B;IAC5B,gDAAiC;IACjC,iDAAkC","sourcesContent":["export * from './Slider';\nexport * from './Slider.types';\nexport * from './renderSlider';\nexport * from './useSlider';\nexport * from './useSliderState';\nexport * from './useSliderStyles';\n"]}

package/lib-amd/components/Slider/renderSlider.d.ts

@@ -1,5 +0,0 @@
-import type { SliderState } from './Slider.types';
-/**
- * Render the final JSX of Slider
- */
-export declare const renderSlider: (state: SliderState) => JSX.Element;

package/lib-amd/components/Slider/renderSlider.js

@@ -1,23 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useSlider"], function (require, exports, tslib_1, React, react_utilities_1, useSlider_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderSlider = void 0;
-    /**
-     * Render the final JSX of Slider
-     */
-    var renderSlider = function (state) {
-        var _a = react_utilities_1.getSlots(state, useSlider_1.sliderShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            state.marks && React.createElement(slots.marksWrapper, tslib_1.__assign({}, slotProps.marksWrapper)),
-            React.createElement(slots.sliderWrapper, tslib_1.__assign({}, slotProps.sliderWrapper),
-                React.createElement(slots.rail, tslib_1.__assign({}, slotProps.rail)),
-                React.createElement(slots.trackWrapper, tslib_1.__assign({}, slotProps.trackWrapper),
-                    React.createElement(slots.track, tslib_1.__assign({}, slotProps.track))),
-                React.createElement(slots.thumbWrapper, tslib_1.__assign({}, slotProps.thumbWrapper),
-                    React.createElement(slots.thumb, tslib_1.__assign({}, slotProps.thumb))),
-                React.createElement(slots.activeRail, tslib_1.__assign({}, slotProps.activeRail)),
-                React.createElement(slots.input, tslib_1.__assign({}, slotProps.input)))));
-    };
-    exports.renderSlider = renderSlider;
-});
-//# sourceMappingURL=renderSlider.js.map

package/lib-amd/components/Slider/renderSlider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderSlider.js","sourceRoot":"../src/","sources":["components/Slider/renderSlider.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,YAAY,GAAG,UAAC,KAAkB;QACvC,IAAA,KAAuB,0BAAQ,CAAc,KAAK,EAAE,gCAAoB,CAAC,EAAvE,KAAK,WAAA,EAAE,SAAS,eAAuD,CAAC;QAEhF,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,KAAK,IAAI,oBAAC,KAAK,CAAC,YAAY,uBAAK,SAAS,CAAC,YAAY,EAAI;YAClE,oBAAC,KAAK,CAAC,aAAa,uBAAK,SAAS,CAAC,aAAa;gBAC9C,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;gBAClC,oBAAC,KAAK,CAAC,YAAY,uBAAK,SAAS,CAAC,YAAY;oBAC5C,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACjB;gBACrB,oBAAC,KAAK,CAAC,YAAY,uBAAK,SAAS,CAAC,YAAY;oBAC5C,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CACjB;gBACrB,oBAAC,KAAK,CAAC,UAAU,uBAAK,SAAS,CAAC,UAAU,EAAI;gBAC9C,oBAAC,KAAK,CAAC,KAAK,uBAAK,SAAS,CAAC,KAAK,EAAI,CAChB,CACX,CACd,CAAC;IACJ,CAAC,CAAC;IAnBW,QAAA,YAAY,gBAmBvB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { sliderShorthandProps } from './useSlider';\nimport type { SliderState, SliderSlots } from './Slider.types';\n\n/**\n * Render the final JSX of Slider\n */\nexport const renderSlider = (state: SliderState) => {\n  const { slots, slotProps } = getSlots<SliderSlots>(state, sliderShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.marks && <slots.marksWrapper {...slotProps.marksWrapper} />}\n      <slots.sliderWrapper {...slotProps.sliderWrapper}>\n        <slots.rail {...slotProps.rail} />\n        <slots.trackWrapper {...slotProps.trackWrapper}>\n          <slots.track {...slotProps.track} />\n        </slots.trackWrapper>\n        <slots.thumbWrapper {...slotProps.thumbWrapper}>\n          <slots.thumb {...slotProps.thumb} />\n        </slots.thumbWrapper>\n        <slots.activeRail {...slotProps.activeRail} />\n        <slots.input {...slotProps.input} />\n      </slots.sliderWrapper>\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Slider/useSlider.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { SliderProps, SliderSlots, SliderState } from './Slider.types';
-/**
- * Array of all shorthand properties listed in sliderShorthandProps
- */
-export declare const sliderShorthandProps: (keyof SliderSlots)[];
-/**
- * Given user props, returns state and render function for a Slider.
- */
-export declare const useSlider: (props: SliderProps, ref: React.Ref<HTMLElement>) => SliderState;

package/lib-amd/components/Slider/useSlider.js

@@ -1,72 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "./useSliderState"], function (require, exports, tslib_1, react_utilities_1, useSliderState_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useSlider = exports.sliderShorthandProps = void 0;
-    /**
-     * Array of all shorthand properties listed in sliderShorthandProps
-     */
-    exports.sliderShorthandProps = [
-        'root',
-        'activeRail',
-        'input',
-        'rail',
-        'sliderWrapper',
-        'thumb',
-        'thumbWrapper',
-        'track',
-        'trackWrapper',
-        'marksWrapper',
-    ];
-    /**
-     * Given user props, returns state and render function for a Slider.
-     */
-    var useSlider = function (props, ref) {
-        var value = props.value, defaultValue = props.defaultValue, min = props.min, max = props.max, _a = props.step, step = _a === void 0 ? 1 : _a, keyboardStep = props.keyboardStep, disabled = props.disabled, ariaValueText = props.ariaValueText, onChange = props.onChange, marks = props.marks, vertical = props.vertical, _b = props.size, size = _b === void 0 ? 'medium' : _b, origin = props.origin, input = props.input, activeRail = props.activeRail, thumb = props.thumb, marksWrapper = props.marksWrapper, thumbWrapper = props.thumbWrapper, track = props.track, trackWrapper = props.trackWrapper, rail = props.rail, sliderWrapper = props.sliderWrapper;
-        var state = {
-            value: value,
-            defaultValue: defaultValue,
-            min: min,
-            max: max,
-            step: step,
-            keyboardStep: keyboardStep,
-            disabled: disabled,
-            ariaValueText: ariaValueText,
-            onChange: onChange,
-            marks: marks,
-            vertical: vertical,
-            origin: origin,
-            size: size,
-            root: react_utilities_1.getNativeElementProps('span', tslib_1.__assign(tslib_1.__assign({ ref: ref }, props), { id: react_utilities_1.useId('slider-', props.id) })),
-            components: {
-                root: 'div',
-                rail: 'div',
-                sliderWrapper: 'div',
-                trackWrapper: 'div',
-                track: 'div',
-                marksWrapper: 'div',
-                thumbWrapper: 'div',
-                thumb: 'div',
-                activeRail: 'div',
-                input: 'input',
-            },
-            sliderWrapper: react_utilities_1.resolveShorthand(sliderWrapper, { required: true }),
-            rail: react_utilities_1.resolveShorthand(rail, { required: true }),
-            trackWrapper: react_utilities_1.resolveShorthand(trackWrapper, { required: true }),
-            track: react_utilities_1.resolveShorthand(track, { required: true }),
-            thumbWrapper: react_utilities_1.resolveShorthand(thumbWrapper, { required: true }),
-            marksWrapper: react_utilities_1.resolveShorthand(marksWrapper, { required: true }),
-            thumb: react_utilities_1.resolveShorthand(thumb, { required: true }),
-            activeRail: react_utilities_1.resolveShorthand(activeRail, { required: true }),
-            input: react_utilities_1.resolveShorthand(input, {
-                required: true,
-                defaultProps: {
-                    type: 'range',
-                },
-            }),
-        };
-        useSliderState_1.useSliderState(state);
-        return state;
-    };
-    exports.useSlider = useSlider;
-});
-//# sourceMappingURL=useSlider.js.map

package/lib-amd/components/Slider/useSlider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSlider.js","sourceRoot":"../src/","sources":["components/Slider/useSlider.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,oBAAoB,GAA0B;QACzD,MAAM;QACN,YAAY;QACZ,OAAO;QACP,MAAM;QACN,eAAe;QACf,OAAO;QACP,cAAc;QACd,OAAO;QACP,cAAc;QACd,cAAc;KACf,CAAC;IAEF;;OAEG;IACI,IAAM,SAAS,GAAG,UAAC,KAAkB,EAAE,GAA2B;QAErE,IAAA,KAAK,GAsBH,KAAK,MAtBF,EACL,YAAY,GAqBV,KAAK,aArBK,EACZ,GAAG,GAoBD,KAAK,IApBJ,EACH,GAAG,GAmBD,KAAK,IAnBJ,EACH,KAkBE,KAAK,KAlBC,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,YAAY,GAiBV,KAAK,aAjBK,EACZ,QAAQ,GAgBN,KAAK,SAhBC,EACR,aAAa,GAeX,KAAK,cAfM,EACb,QAAQ,GAcN,KAAK,SAdC,EACR,KAAK,GAaH,KAAK,MAbF,EACL,QAAQ,GAYN,KAAK,SAZC,EACR,KAWE,KAAK,KAXQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,MAAM,GAUJ,KAAK,OAVD,EACN,KAAK,GASH,KAAK,MATF,EACL,UAAU,GAQR,KAAK,WARG,EACV,KAAK,GAOH,KAAK,MAPF,EACL,YAAY,GAMV,KAAK,aANK,EACZ,YAAY,GAKV,KAAK,aALK,EACZ,KAAK,GAIH,KAAK,MAJF,EACL,YAAY,GAGV,KAAK,aAHK,EACZ,IAAI,GAEF,KAAK,KAFH,EACJ,aAAa,GACX,KAAK,cADM,CACL;QAEV,IAAM,KAAK,GAAgB;YACzB,KAAK,OAAA;YACL,YAAY,cAAA;YACZ,GAAG,KAAA;YACH,GAAG,KAAA;YACH,IAAI,MAAA;YACJ,YAAY,cAAA;YACZ,QAAQ,UAAA;YACR,aAAa,eAAA;YACb,QAAQ,UAAA;YACR,KAAK,OAAA;YACL,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,IAAI,MAAA;YACJ,IAAI,EAAE,uCAAqB,CAAC,MAAM,sCAChC,GAAG,KAAA,IACA,KAAK,KACR,EAAE,EAAE,uBAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAC9B;YACF,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;gBACX,aAAa,EAAE,KAAK;gBACpB,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,KAAK;gBACZ,YAAY,EAAE,KAAK;gBACnB,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,OAAO;aACf;YACD,aAAa,EAAE,kCAAgB,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAClE,IAAI,EAAE,kCAAgB,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChD,YAAY,EAAE,kCAAgB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChE,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAClD,YAAY,EAAE,kCAAgB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChE,YAAY,EAAE,kCAAgB,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAChE,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAClD,UAAU,EAAE,kCAAgB,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC5D,KAAK,EAAE,kCAAgB,CAAC,KAAK,EAAE;gBAC7B,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE;oBACZ,IAAI,EAAE,OAAO;iBACd;aACF,CAAC;SACH,CAAC;QAEF,+BAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA5EW,QAAA,SAAS,aA4EpB","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { useSliderState } from './useSliderState';\nimport { SliderProps, SliderSlots, SliderState } from './Slider.types';\n\n/**\n * Array of all shorthand properties listed in sliderShorthandProps\n */\nexport const sliderShorthandProps: (keyof SliderSlots)[] = [\n  'root',\n  'activeRail',\n  'input',\n  'rail',\n  'sliderWrapper',\n  'thumb',\n  'thumbWrapper',\n  'track',\n  'trackWrapper',\n  'marksWrapper',\n];\n\n/**\n * Given user props, returns state and render function for a Slider.\n */\nexport const useSlider = (props: SliderProps, ref: React.Ref<HTMLElement>): SliderState => {\n  const {\n    value,\n    defaultValue,\n    min,\n    max,\n    step = 1,\n    keyboardStep,\n    disabled,\n    ariaValueText,\n    onChange,\n    marks,\n    vertical,\n    size = 'medium',\n    origin,\n    input,\n    activeRail,\n    thumb,\n    marksWrapper,\n    thumbWrapper,\n    track,\n    trackWrapper,\n    rail,\n    sliderWrapper,\n  } = props;\n\n  const state: SliderState = {\n    value,\n    defaultValue,\n    min,\n    max,\n    step,\n    keyboardStep,\n    disabled,\n    ariaValueText,\n    onChange,\n    marks,\n    vertical,\n    origin,\n    size,\n    root: getNativeElementProps('span', {\n      ref,\n      ...props,\n      id: useId('slider-', props.id),\n    }),\n    components: {\n      root: 'div',\n      rail: 'div',\n      sliderWrapper: 'div',\n      trackWrapper: 'div',\n      track: 'div',\n      marksWrapper: 'div',\n      thumbWrapper: 'div',\n      thumb: 'div',\n      activeRail: 'div',\n      input: 'input',\n    },\n    sliderWrapper: resolveShorthand(sliderWrapper, { required: true }),\n    rail: resolveShorthand(rail, { required: true }),\n    trackWrapper: resolveShorthand(trackWrapper, { required: true }),\n    track: resolveShorthand(track, { required: true }),\n    thumbWrapper: resolveShorthand(thumbWrapper, { required: true }),\n    marksWrapper: resolveShorthand(marksWrapper, { required: true }),\n    thumb: resolveShorthand(thumb, { required: true }),\n    activeRail: resolveShorthand(activeRail, { required: true }),\n    input: resolveShorthand(input, {\n      required: true,\n      defaultProps: {\n        type: 'range',\n      },\n    }),\n  };\n\n  useSliderState(state);\n\n  return state;\n};\n"]}

package/lib-amd/components/Slider/useSliderState.d.ts

@@ -1,2 +0,0 @@
-import type { SliderState } from './Slider.types';
-export declare const useSliderState: (state: SliderState) => SliderState;