mdc-react/dist/slider/index.js

Material Components for the web implemented in React

/*! For license information please see index.js.LICENSE.txt */
(()=>{var e={4184:(e,r)=>{var t;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],r=0;r<arguments.length;r++){var t=arguments[r];if(t){var a=typeof t;if("string"===a||"number"===a)e.push(t);else if(Array.isArray(t)){if(t.length){var i=o.apply(null,t);i&&e.push(i)}}else if("object"===a)if(t.toString===Object.prototype.toString)for(var c in t)n.call(t,c)&&t[c]&&e.push(c);else e.push(t.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(r,[]))||(e.exports=t)}()},7418:e=>{"use strict";var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),s=1;s<arguments.length;s++){for(var l in i=Object(arguments[s]))t.call(i,l)&&(u[l]=i[l]);if(r){c=r(i);for(var f=0;f<c.length;f++)n.call(i,c[f])&&(u[c[f]]=i[c[f]])}}return u}},2703:(e,r,t)=>{"use strict";var n=t(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,r,t,o,a,i){if(i!==n){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function r(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:a,resetWarningCache:o};return t.PropTypes=t,t}},5697:(e,r,t)=>{e.exports=t(2703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},5251:(e,r,t)=>{"use strict";t(7418);var n=t(6575),o=60103;if("function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,r,t){var n,a={},s=null,l=null;for(n in void 0!==t&&(s=""+t),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(l=r.ref),r)c.call(r,n)&&!u.hasOwnProperty(n)&&(a[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===a[n]&&(a[n]=r[n]);return{$$typeof:o,type:e,key:s,ref:l,props:a,_owner:i.current}}r.jsx=s,r.jsxs=s},5893:(e,r,t)=>{"use strict";e.exports=t(5251)},6575:e=>{"use strict";e.exports=void 0}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var a=r[n]={exports:{}};return e[n](a,a.exports,t),a.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),(()=>{"use strict";var e=t(6575),r=t(5697),n=t.n(r),o=t(4184),a=t.n(o);function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var c="ArrowLeft",u="ArrowUp",s="ArrowRight",l="ArrowDown",f="Home",d="End",p="PageUp",m="PageDown",b=t(5893),y=["value"];function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var h=(0,e.forwardRef)((function(e,r){var t=e.value,n=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,y);return(0,b.jsx)("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){O(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({ref:r,className:"mdc-slider__input",type:"range",value:Math.round(t),onChange:Function.prototype},n))}));h.displayName="MDCSliderInput";const j=h;function g(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var w=function(e){var r=e.value,t=e.min,n=e.max,o=e.step,i=void 0===o?1:o;return(0,b.jsx)("div",{className:"mdc-slider__tick-marks",children:Array.from(new Array((n-t)/i+1)).map((function(e,r){return i*r+Number(t)})).map((function(e){var t;return(0,b.jsx)("div",{"data-value":e,className:a()((t={},g(t,"mdc-slider__tick-mark--active",e<=r),g(t,"mdc-slider__tick-mark--inactive",e>r),t))},e)}))})};w.displayName="MDCSliderTickMarks";const _=w;var x=(0,e.forwardRef)((function(e,r){var t=e.value,n=e.min,o=e.max,a=e.step,i=e.discrete,c=e.tickMarks,u={transform:"scaleX(".concat((t-n)/(o-n),")")};return(0,b.jsxs)("div",{ref:r,className:"mdc-slider__track",children:[(0,b.jsx)("div",{className:"mdc-slider__track--inactive"}),(0,b.jsx)("div",{className:"mdc-slider__track--active",children:(0,b.jsx)("div",{className:"mdc-slider__track--active_fill",style:u})}),i&&c&&(0,b.jsx)(_,{value:t,min:n,max:o,step:a})]})}));x.displayName="MDCSliderTrack";const S=x;var P=["value","min","max","discrete","disabled","onStartInteraction","onEndInteraction"];function k(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function E(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?k(Object(t),!0).forEach((function(r){N(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function N(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function C(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var T=(0,e.forwardRef)((function(r,t){var n,o,i,c=r.value,u=r.min,s=r.max,l=r.discrete,f=r.disabled,d=r.onStartInteraction,p=r.onEndInteraction,m=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,P),y=(o=(0,e.useState)(!1),i=2,function(e){if(Array.isArray(e))return e}(o)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a=[],i=!0,c=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(a.push(n.value),!r||a.length!==r);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(c)throw o}}return a}}(o,i)||function(e,r){if(e){if("string"==typeof e)return C(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?C(e,r):void 0}}(o,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),v=y[0],O=y[1],h=(0,e.useCallback)((function(){O(!0)}),[]),j=(0,e.useCallback)((function(){O(!1)}),[]),g=a()("mdc-slider__thumb",(N(n={},"mdc-slider__thumb--focused",v),N(n,"mdc-slider__thumb--with-indicator",l&&v),n)),w={left:"calc(".concat((c-u)/(s-u)*100,"% - ").concat(24,"px)")};return(0,b.jsxs)("div",E(E({ref:t,className:g,role:"slider",tabIndex:f?"-1":"0","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":"50","aria-disabled":f||void 0,style:w,onFocus:h,onBlur:j,onMouseDown:d,onMouseUp:p,onTouchStart:d,onTouchEnd:p},m),{},{children:[l&&(0,b.jsx)("div",{className:"mdc-slider__value-indicator-container",children:(0,b.jsx)("div",{className:"mdc-slider__value-indicator",children:(0,b.jsx)("span",{className:"mdc-slider__value-indicator-text",children:c})})}),(0,b.jsx)("div",{className:"mdc-slider__thumb-knob"})]}))}));T.displayName="MDCSliderThumb";const A=T;var I=["name","value","min","max","step","discrete","disabled","tickMarks","onChange","className"];function D(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function M(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?D(Object(t),!0).forEach((function(r){L(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function L(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function R(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var U=(0,e.forwardRef)((function(r,t){var n,o,y,v,O,h,g,w,_=r.name,x=r.value,P=void 0===x?0:x,k=r.min,E=void 0===k?0:k,N=r.max,C=void 0===N?100:N,T=r.step,D=r.discrete,U=void 0!==D&&D,F=r.disabled,$=void 0!==F&&F,B=r.tickMarks,W=void 0!==B&&B,q=r.onChange,X=void 0===q?Function.prototype:q,H=r.className,Y=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,I),K=(0,e.useRef)(),V=(0,e.useRef)(),z=(g=(0,e.useState)(!1),w=2,function(e){if(Array.isArray(e))return e}(g)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a=[],i=!0,c=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(a.push(n.value),!r||a.length!==r);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(c)throw o}}return a}}(g,w)||function(e,r){if(e){if("string"==typeof e)return R(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,r):void 0}}(g,w)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),G=z[0],J=z[1];o=function(){if(!$)return G?(document.body.addEventListener("mousemove",Z),document.body.addEventListener("touchmove",Z),document.body.addEventListener("mouseup",te),document.body.addEventListener("touchend",te)):(document.body.removeEventListener("mousemove",Z),document.body.removeEventListener("touchmove",Z),document.body.removeEventListener("mouseup",te),document.body.removeEventListener("touchend",te)),function(){document.body.removeEventListener("mousemove",Z),document.body.removeEventListener("touchmove",Z),document.body.removeEventListener("mouseup",te),document.body.removeEventListener("touchend",te)}},y=[G],v=function(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a=[],i=!0,c=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(a.push(n.value),!r||a.length!==r);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(c)throw o}}return a}}(e,r)||function(e,r){if(e){if("string"==typeof e)return i(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,e.useState)(!1),2),O=v[0],h=v[1],(0,e.useEffect)((function(){return O?o():h(!0)}),y);var Q=(0,e.useCallback)((function(e){e<E?e=Number(E):e>C&&(e=Number(C)),T&&(e=Math.round(e/T)*T),X(e)}),[E,C,T,X]),Z=(0,e.useCallback)((function(e){var r=V.current.getBoundingClientRect(),t=(function(e){var r;return(null===(r=e.targetTouches)||void 0===r?void 0:r.length)>0?e.targetTouches[0].pageX:e.pageX}(e)-r.left)/r.width,n=Number(E)+t*(C-E);Q(n)}),[E,C,Q]),ee=(0,e.useCallback)((function(e){e.preventDefault();var r=Number(K.current.value),t=function(e,r,t,n,o){var a=Number(o)||(n-t)/100;switch(e){case c:case l:return r-a;case s:case u:return r+a;case f:return t;case d:return n;default:return NaN}}(function(e){switch(e.key||e.keyCode){case c:case 37:return c;case u:case 38:return u;case s:case 39:return s;case l:case 40:return l;case f:case 36:return f;case d:case 35:return d;case p:case 33:return p;case m:case 34:return m;default:return}}(e),r,E,C,T);isNaN(t)||Q(t)}),[E,C,T,Q]),re=(0,e.useCallback)((function(e){Z(e)}),[Z]),te=(0,e.useCallback)((function(){J(!1)}),[]),ne=(0,e.useCallback)((function(){J(!0)}),[]),oe=(0,e.useCallback)((function(){J(!1)}),[]),ae=a()("mdc-slider",(L(n={},"mdc-slider--discrete",U),L(n,"mdc-slider--disabled",$),n),H);return(0,b.jsxs)("div",M(M({ref:t,className:ae,onMouseDown:re,onTouchStart:re},Y),{},{children:[(0,b.jsx)(j,{ref:K,name:_,value:P,min:E,max:C,step:T,disabled:$}),(0,b.jsx)(S,{ref:V,value:P,min:E,max:C,step:T,discrete:U,tickMarks:W}),(0,b.jsx)(A,{value:P,min:E,max:C,discrete:U,onStartInteraction:ne,onEndInteraction:oe,onKeyDown:ee})]}))}));U.displayName="MDCSlider",U.propTypes={value:n().oneOfType([n().number,n().string]),min:n().oneOfType([n().number,n().string]),max:n().oneOfType([n().number,n().string]),step:n().oneOfType([n().number,n().string]),discrete:n().bool,disabled:n().bool,tickMarks:n().bool,onChange:n().func}})()})();