@corva/ui 0.80.0-11 → 0.80.0-13
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.
- package/cjs-bundle/components/Avatar/index.js +1 -1
- package/cjs-bundle/components/RangeSlider/Input.css.js +1 -1
- package/cjs-bundle/components/RangeSlider/RangeSlider.css.js +1 -1
- package/cjs-bundle/components/RangeSlider/RangeSlider.js +1 -1
- package/cjs-bundle/components/RangeSlider/constants.js +1 -1
- package/cjs-bundle/components/RangeSlider/strategies/horizontal.js +1 -1
- package/cjs-bundle/components/RangeSlider/strategies/vertical.js +1 -1
- package/cjs-bundle/components/RangeSlider/utils.js +1 -1
- package/components/Avatar/index.js +1 -1
- package/components/RangeSlider/Input.css.js +1 -1
- package/components/RangeSlider/RangeSlider.css.js +1 -1
- package/components/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/components/RangeSlider/RangeSlider.js +1 -1
- package/components/RangeSlider/constants.d.ts +6 -0
- package/components/RangeSlider/constants.d.ts.map +1 -1
- package/components/RangeSlider/constants.js +1 -1
- package/components/RangeSlider/strategies/horizontal.d.ts +2 -0
- package/components/RangeSlider/strategies/horizontal.d.ts.map +1 -1
- package/components/RangeSlider/strategies/horizontal.js +1 -1
- package/components/RangeSlider/strategies/vertical.d.ts +2 -0
- package/components/RangeSlider/strategies/vertical.d.ts.map +1 -1
- package/components/RangeSlider/strategies/vertical.js +1 -1
- package/components/RangeSlider/utils.d.ts +12 -0
- package/components/RangeSlider/utils.d.ts.map +1 -1
- package/components/RangeSlider/utils.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),a=require("prop-types"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),a=require("prop-types"),r=require("classnames"),s=require("@material-ui/core/styles"),i=require("@material-ui/core/Avatar"),l=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var o=require("../../utils/main.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(a),d=n(r),c=n(i),f=function(e){switch(e){case 24:return 12;case 32:return 14;case 40:return 16;case 48:return 20;case 128:return 64;case 200:return 80;default:return Math.floor(e/2)}},p=function(e){return{minWidth:e,width:e,height:e,lineHeight:"".concat(e,"px"),fontSize:f(e)}},m=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],h=function(e){return m[Math.abs(o.hashCode(e)%m.length)]},g=function(a){var r=a.displayName,s=a.showTooltip,i=a.size,n=a.className,u=a.imgSrc,f=a.alt,m=a.classes,g=a["data-testid"];return t.jsx(l.Tooltip,e.__assign({title:r,disableFocusListener:!s,disableHoverListener:!s,disableTouchListener:!s},{children:t.jsx(c.default,e.__assign({"data-testid":g,alt:f,src:u,className:d.default(m.avatar,n),style:e.__assign(e.__assign({},p(Number(i))),{backgroundColor:!!r&&h(r)})},{children:r?o.getNameInitials(r):null}))}))},v={displayName:u.default.string,showTooltip:u.default.bool,size:u.default.number,className:u.default.string,imgSrc:u.default.string,alt:u.default.string,"data-testid":u.default.string,classes:u.default.shape({avatar:u.default.string}).isRequired};g.propTypes=v,g.defaultProps={displayName:"",showTooltip:!1,size:32,className:void 0,imgSrc:void 0,alt:void 0,"data-testid":"generic_avatar"};var b=s.withStyles((function(e){return{avatar:{color:e.palette.common.white,fontWeight:"bold"}}}))(g);exports.AvatarComponent=g,exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Input_rangeSliderInput__uoNkK{background:var(--palette-background-b-6);border:none;border:1px solid var(--palette-primary-text-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:default;display:block;font-size:14px;font-weight:500;height:24px;line-height:24px;margin:0 0 0 auto;max-width:fit-content;min-width:40px;outline:none;padding:2px 4px;text-align:center}.Input_rangeSliderInput__uoNkK:focus{background-color:var(--palette-
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Input_rangeSliderInput__uoNkK{background:var(--palette-background-b-6);border:none;border:1px solid var(--palette-primary-text-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:default;cursor:text;display:block;font-size:14px;font-weight:500;height:24px;line-height:24px;margin:0 0 0 auto;max-width:fit-content;min-width:40px;outline:none;padding:2px 4px;text-align:center}.Input_rangeSliderInput__uoNkK:focus{background-color:var(--palette-primary-dark)}.Input_rangeSliderInput__uoNkK:focus,.Input_rangeSliderInput__uoNkK:hover{border:1px solid var(--palette-primary-main);color:var(--palette-primary-contrast-text);text-decoration:underline}.Input_rotated__GBHlR{transform:rotate(180deg)}"),module.exports={rangeSliderInput:"Input_rangeSliderInput__uoNkK",rotated:"Input_rotated__GBHlR"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.RangeSlider_rangeSliderHorizontal__SAdDE{align-items:center;display:flex;padding:30px 0 12px;position:relative}.RangeSlider_rangeSliderVertical__k8ac-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:rgba(99,239,255,.24);border-radius:1px;
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.RangeSlider_rangeSliderHorizontal__SAdDE{align-items:center;display:flex;padding:30px 0 12px;position:relative}.RangeSlider_rangeSliderVertical__k8ac-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:rgba(99,239,255,.24);border-radius:1px;cursor:pointer;height:3px;position:relative}.RangeSlider_rangeSliderRailHorizontal__rLPtT{margin:0 6px;width:100%}.RangeSlider_rangeSliderRailHorizontal__rLPtT>.RangeSlider_rangeSliderThumb__KMaq0{cursor:ew-resize}.RangeSlider_rotatedVerticalRange__-oEIw{transform:rotate(180deg)}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;margin:6px 0;width:2px}.RangeSlider_rangeSliderRailVertical__4zKzk>.RangeSlider_rangeSliderThumb__KMaq0{cursor:ns-resize}.RangeSlider_rangeSliderBar__Kj3LC{cursor:pointer;position:absolute;z-index:1}.RangeSlider_rangeSliderBarHorizontal__is0F7{height:12px;margin:1px 0 0;transform:translateY(-50%)}.RangeSlider_rangeSliderBarVertical__2DexQ{height:100%;margin:1px 0 0;width:12px}.RangeSlider_rangeSliderBarView__6dNQB{background:var(--palette-primary-main);border-radius:1px}.RangeSlider_rangeSliderBarViewHorizontal__6pRPw{height:3px;margin:5px 0 0;position:relative}.RangeSlider_rangeSliderBarViewVertical__W2QnY{height:100%;width:3px}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before,.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{background:#03bcd4;border-radius:1px;content:"";opacity:.4;position:absolute}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before{bottom:-4px;height:11px;width:100%}.RangeSlider_rangeSliderBar__Kj3LC:active{cursor:grabbing}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{height:100%;left:-4px;width:11px}.RangeSlider_rangeSliderThumb__KMaq0{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:24px;z-index:1}.RangeSlider_mobileRangeSliderThumb__TEj2q.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:none!important}.RangeSlider_mobileRangeSliderThumb__TEj2q:hover.RangeSlider_rangeSliderThumb__KMaq0:before{background:#d9d9d9;border-radius:20px;content:"";height:39px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:39px}.RangeSlider_rangeSliderLabel__3-qO8{background:var(--palette-primary-main);border-radius:12px;height:12px;position:relative;transition:box-shadow .3s;width:12px}.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:0 0 0 8px rgba(3,188,212,.2)}.RangeSlider_rangeSliderInputDivider__PcwIK{background:var(--palette-background-b-9);color:#fff;font-size:10px;font-weight:500}.RangeSlider_rangeSliderCompactInputs__ukFLL{align-items:center;background:var(--palette-background-b-9);border-radius:4px;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%)}.RangeSlider_disabled__8eBEv{opacity:.5;pointer-events:none}'),module.exports={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",rotatedVerticalRange:"RangeSlider_rotatedVerticalRange__-oEIw",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",mobileRangeSliderThumb:"RangeSlider_mobileRangeSliderThumb__TEj2q",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL",disabled:"RangeSlider_disabled__8eBEv"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require('./../../ext-esm/tslib/tslib.es6.js'),n=require("react/jsx-runtime"),t=require("react"),r=require("classnames"),i=require("lodash"),o=require("prop-types"),a=require("@material-ui/core"),l=require("../../utils/mobileDetect.js"),u=require("./strategies/horizontal.js"),s=require("./strategies/vertical.js"),d=require("./utils.js"),c=require("./inputs/FromInput.js"),g=require("./inputs/ToInput.js"),R=require("./constants.js"),f=require("./RangeSlider.css.js");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=S(r),C=S(o),v=function(r){var o,S,C,v,p,O=r.min,b=r.max,T=r.from,F=r.to,h=r.minRange,_=r.disabled,V=r.onChange,B=r.orientation,x=r.precision,M=r.isSingleRange,I=r.isWithoutInput,j=t.useState(null),E=j[0],P=j[1],y=t.useState(null),L=y[0],q=y[1],N=t.useState({}),A=N[0],D=N[1],w=t.useState(""),U=w[0],z=w[1],H=t.useState(null),W=H[0],X=H[1],Y=t.useState(R.RangeSliderControl.FROM),Z=Y[0],k=Y[1],G=t.useState(null),J=G[0],K=G[1],Q=t.useState({}),$=Q[0],ee=Q[1],ne=t.useState(R.DEFAULT_FOCUSED_EL),te=ne[0],re=ne[1],ie=t.useRef(null),oe=t.useRef(null),ae=t.useRef(null),le=t.useRef(null),ue=t.useRef(null),se=null===(p=ie.current)||void 0===p?void 0:p.getBoundingClientRect(),de=B===R.RangeSliderOrientation.HORIZONTAL,ce=B===R.RangeSliderOrientation.VERTICAL,ge=M&&I;t.useEffect((function(){B===R.RangeSliderOrientation.HORIZONTAL&&X(u.horizontalStrategy),B===R.RangeSliderOrientation.VERTICAL&&X(s.verticalStrategy)}),[B]),t.useEffect((function(){M&&V({from:0,to:F})}),[M]),t.useEffect((function(){var e;if(W){var n=i.round(T,x),t=i.round(F,x),r=i.round(O,x),o=i.round(b,x),a=d.calculatePercentForValue(n,r,o),l=d.calculatePercentForValue(t,r,o);ee(((e={})[R.RangeSliderControl.FROM]=W.getThumbStyles(a,Z===R.RangeSliderControl.FROM),e[R.RangeSliderControl.TO]=W.getThumbStyles(l,Z===R.RangeSliderControl.TO),e[R.RangeSliderControl.BAR]=W.getBarStyles(a,l),e[R.RangeSliderControl.FROM_INPUT]=W.getInputStyles(J===R.RangeSliderControl.FROM||J===R.RangeSliderControl.BAR||te.from),e[R.RangeSliderControl.TO_INPUT]=W.getInputStyles(J===R.RangeSliderControl.TO||J===R.RangeSliderControl.BAR||te.to),e)),P(n.toString()),q(t.toString())}}),[W,O,b,T,F,J,te]);var Re=function(e){var n=W.getCoordinates(e,ie.current.getBoundingClientRect()),t=d.calculatePercentForValue(n.new,n.min,n.max),r=i.round(d.calculateValueFromPercent(t,O,b),x);if(r!==T){var o=d.updateFromValue(r,T,F,O,h);V(o)}},fe=function(e){var n=ce&&M?W.getRotatedCoordinates(e,ie.current.getBoundingClientRect()):W.getCoordinates(e,ie.current.getBoundingClientRect()),t=d.calculatePercentForValue(n.new,n.min,n.max),r=i.round(d.calculateValueFromPercent(t,O,b),x);if(r!==F){var o=d.updateToValue(r,T,F,b,h);V(o)}},Se=function(e,n){var t=W.getBarCoordinates(e,n,ie.current.getBoundingClientRect()),r=d.calculatePercentForValue(t.new,t.min,t.max),o=i.round(d.calculateValueFromPercent(r,O,b),x),a=i.round(F+(o-T),x);if(o<O){var l=O-o;o=O,a=i.round(a+l,x)}if(a>b){l=a-b;a=b,o=i.round(o-l,x)}o!==T&&a!==F&&o>=O&&a<=b&&V({from:o,to:a})},me=function(n){var t;n!==R.RangeSliderControl.BAR?re(e.__assign(e.__assign({},R.DEFAULT_FOCUSED_EL),((t={})[n]=!0,t))):re({from:!0,bar:!0,to:!0})},Ce=function(n){var t;n!==R.RangeSliderControl.BAR?re(e.__assign(e.__assign({},te),((t={})[n]=!1,t))):re(R.DEFAULT_FOCUSED_EL)},ve=function(e,n){if(!(M&&e===R.RangeSliderControl.BAR||_)){n.stopPropagation(),k(e),K(e);var t=n.clientX,r=n.clientY,o=n.target.getBoundingClientRect(),a=o.x,l=o.y,u=i.throttle((function(n){!function(e){return e===R.RangeSliderControl.FROM?Re:e===R.RangeSliderControl.TO?fe:Se}(e)(n,{clientX:t,clientY:r,x:a,y:l})}),4);document.addEventListener("mousemove",u),document.addEventListener("mouseup",(function e(){K(null),document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",e)}))}},pe=function(e,n){var t=n.target.value;Number.isNaN(Number(t))||function(e){return e===R.RangeSliderControl.FROM?P:q}(e)(t)},Oe=function(e,n){var t=n.target.value,r=i.round(t,x);if(e===R.RangeSliderControl.FROM){var o=d.updateFromValue(r,T,F,O,h);V(o),P(o.from)}if(e===R.RangeSliderControl.TO){o=d.updateToValue(r,T,F,b,h);V(o),q(o.to)}};return n.jsxs("div",e.__assign({className:m.default((o={},o[f.disabled]=_,o[f.rangeSliderHorizontal]=de,o[f.rangeSliderVertical]=ce,o[f.rotatedVerticalRange]=ce&&M,o))},{children:[!M&&n.jsx(c,{compStyles:$[R.RangeSliderControl.FROM_INPUT],isVerticalOrientation:ce,max:b,disabled:_,precision:x,fromInputRef:le,from:T,fromInputValue:E,onInputChange:pe,validateInputChange:Oe}),n.jsx(a.Tooltip,e.__assign({title:U,placement:de?"top":"left",onMouseMove:function(e){var n,t=e.clientX,r=e.clientY,o=de?{clientX:t}:{clientY:r},a=W.getCoordinates(o,null===(n=ie.current)||void 0===n?void 0:n.getBoundingClientRect());if(te.bar)return z(""),void D({x:t,y:r});var l=d.calculatePercentForValue(a.new,a.min,a.max),u=i.round(d.calculateValueFromPercent(l,O,b),x);u<O&&z(O.toString()),u>b&&z(b.toString()),u>=O&&u<=b&&z(u.toString()),D({x:t,y:r})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){return d.getToolipBoundingClientRect({isHorizontalOrientation:de,railPosition:se,tooltipPosition:A})}}}},{children:n.jsxs("div",e.__assign({className:m.default(f.rangeSliderRail,(S={},S[f.rangeSliderRailHorizontal]=de,S[f.rangeSliderRailVertical]=ce,S)),ref:ie},{children:[!M&&n.jsx("div",e.__assign({ref:oe,className:m.default(f.rangeSliderThumb,l.isMobileDetected&&f.mobileRangeSliderThumb),style:$[R.RangeSliderControl.FROM],onMouseDown:function(e){return ve(R.RangeSliderControl.FROM,e)},onMouseEnter:function(){me(R.RangeSliderControl.FROM)},onMouseLeave:function(){Ce(R.RangeSliderControl.FROM)}},{children:n.jsx("div",{className:f.rangeSliderLabel})})),n.jsx("div",e.__assign({className:m.default(f.rangeSliderBar,(C={},C[f.rangeSliderBarHorizontal]=de,C[f.rangeSliderBarVertical]=ce,C)),style:$[R.RangeSliderControl.BAR],onMouseDown:function(e){return ve(R.RangeSliderControl.BAR,e)},onMouseEnter:function(){me(R.RangeSliderControl.BAR)},onMouseLeave:function(){Ce(R.RangeSliderControl.BAR)}},{children:n.jsx("div",{className:m.default(f.rangeSliderBarView,(v={},v[f.rangeSliderBarViewHorizontal]=de,v[f.rangeSliderBarViewVertical]=ce,v))})})),n.jsx("div",e.__assign({ref:ae,className:m.default(f.rangeSliderThumb,l.isMobileDetected&&f.mobileRangeSliderThumb),style:$[R.RangeSliderControl.TO],onMouseDown:function(e){return ve(R.RangeSliderControl.TO,e)},onMouseEnter:function(){me(R.RangeSliderControl.TO)},onMouseLeave:function(){Ce(R.RangeSliderControl.TO)}},{children:n.jsx("div",{className:f.rangeSliderLabel})}))]}))})),!ge&&n.jsx(g,{compStyles:$[R.RangeSliderControl.TO_INPUT],disabled:_,isVerticalOrientation:ce,rotated:ce&&M,max:b,precision:x,toInputRef:ue,to:F,toInputValue:L,onInputChange:pe,validateInputChange:Oe})]}))},p={min:C.default.number,max:C.default.number,from:C.default.number.isRequired,to:C.default.number.isRequired,orientation:C.default.oneOf(["horizontal","vertical"]),precision:C.default.number,minRange:C.default.number,onChange:C.default.func,isSingleRange:C.default.bool,isWithoutInput:C.default.bool,disabled:C.default.bool.isRequired};v.propTypes=p,v.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){},isSingleRange:!1,isWithoutInput:!1},module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.RangeSliderControl={FROM:"from",TO:"to",BAR:"bar",RAIL:"rail",FROM_INPUT:"from-input",TO_INPUT:"to-input",COMPACT_INPUTS:"compact-inputs"},exports.RangeSliderOrientation={HORIZONTAL:"horizontal",VERTICAL:"vertical"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DEFAULT_FOCUSED_EL={from:!1,bar:!1,to:!1},exports.RangeSliderControl={FROM:"from",TO:"to",BAR:"bar",RAIL:"rail",FROM_INPUT:"from-input",TO_INPUT:"to-input",COMPACT_INPUTS:"compact-inputs"},exports.RangeSliderOrientation={HORIZONTAL:"horizontal",VERTICAL:"vertical"},exports.TOOLTIP_MARGIN=6;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={getCoordinates:function(t,e){return{new:t.clientX,min:e.x,max:e.x+e.width}},getBarCoordinates:function(t,e,n){var r=e.clientX-e.x;return{new:t.clientX-r,min:n.x,max:n.x+n.width}},getThumbStyles:function(t,e){return{top:"50%",left:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:e?10:2}},getBarStyles:function(t,e){return{left:"".concat(t,"%"),width:"".concat(e-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={getCoordinates:function(t,e){return{new:t.clientX,min:e.x,max:e.x+e.width}},getBarCoordinates:function(t,e,n){var r=e.clientX-e.x;return{new:t.clientX-r,min:n.x,max:n.x+n.width}},getThumbStyles:function(t,e){return{top:"50%",left:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:e?10:2}},getBarStyles:function(t,e){return{left:"".concat(t,"%"),width:"".concat(e-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#008ba3",textDecoration:"underline"}:{}}};exports.horizontalStrategy=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={getCoordinates:function(t,e){return{new:t.clientY,min:e.y,max:e.y+e.height}},getRotatedCoordinates:function(t,e){return{new:e.y+e.height-t.clientY+e.y,min:e.y,max:e.y+e.height}},getBarCoordinates:function(t,e,n){var r=e.clientY-e.y;return{new:t.clientY-r,min:n.y,max:n.y+n.height}},getThumbStyles:function(t,e){return{left:"50%",top:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:e?10:2}},getBarStyles:function(t,e){return{top:"".concat(t,"%"),height:"".concat(e-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t={getCoordinates:function(t,e){return{new:t.clientY,min:e.y,max:e.y+e.height}},getRotatedCoordinates:function(t,e){return{new:e.y+e.height-t.clientY+e.y,min:e.y,max:e.y+e.height}},getBarCoordinates:function(t,e,n){var r=e.clientY-e.y;return{new:t.clientY-r,min:n.y,max:n.y+n.height}},getThumbStyles:function(t,e){return{left:"50%",top:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:e?10:2}},getBarStyles:function(t,e){return{top:"".concat(t,"%"),height:"".concat(e-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#008ba3",textDecoration:"underline"}:{}}};exports.verticalStrategy=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.calculatePercentForValue=function(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./constants.js");exports.calculatePercentForValue=function(t,o,e){return 100*(t-o)/(e-o)},exports.calculateValueFromPercent=function(t,o,e){return o+t*(e-o)/100},exports.getToolipBoundingClientRect=function(o){var e=o.isHorizontalOrientation,r=o.railPosition,n=o.tooltipPosition;return{top:e?r.y-t.TOOLTIP_MARGIN:n.y,left:e?n.x:r.x-t.TOOLTIP_MARGIN,right:e?n.x:r.x+t.TOOLTIP_MARGIN,bottom:e?r.y:n.y,width:0,height:0}},exports.updateFromValue=function(t,o,e,r,n){return t<r?{from:r,to:e}:t>e-n?{from:e-n,to:e}:{from:t,to:e}},exports.updateToValue=function(t,o,e,r,n){return t>r?{from:o,to:r}:t<o+n?{from:o,to:o+n}:{from:o,to:t}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import
|
|
1
|
+
import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import r from"prop-types";import a from"classnames";import{withStyles as i}from"@material-ui/core/styles";import s from"@material-ui/core/Avatar";import{Tooltip as o}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import l from"../../utils/main.js";var n=function(t){switch(t){case 24:return 12;case 32:return 14;case 40:return 16;case 48:return 20;case 128:return 64;case 200:return 80;default:return Math.floor(t/2)}},m=function(t){return{minWidth:t,width:t,height:t,lineHeight:"".concat(t,"px"),fontSize:n(t)}},c=["#5F47A4","#9078C8","#DC74FD","#F695B5","#CB4F4F","#896F65","#F3AE96","#EE7850","#DDAE67","#A6CA72","#62893D","#91C9C4","#38818D","#77B5F1","#3F4C99","#919DA4"],u=function(t){return c[Math.abs(l.hashCode(t)%c.length)]},d=function(r){var i=r.displayName,n=r.showTooltip,c=r.size,d=r.className,p=r.imgSrc,h=r.alt,f=r.classes,g=r["data-testid"];return e(o,t({title:i,disableFocusListener:!n,disableHoverListener:!n,disableTouchListener:!n},{children:e(s,t({"data-testid":g,alt:h,src:p,className:a(f.avatar,d),style:t(t({},m(Number(c))),{backgroundColor:!!i&&u(i)})},{children:i?l.getNameInitials(i):null}))}))},p={displayName:r.string,showTooltip:r.bool,size:r.number,className:r.string,imgSrc:r.string,alt:r.string,"data-testid":r.string,classes:r.shape({avatar:r.string}).isRequired};d.propTypes=p,d.defaultProps={displayName:"",showTooltip:!1,size:32,className:void 0,imgSrc:void 0,alt:void 0,"data-testid":"generic_avatar"};var h=i((function(t){return{avatar:{color:t.palette.common.white,fontWeight:"bold"}}}))(d);export{d as AvatarComponent,h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={rangeSliderInput:"Input_rangeSliderInput__uoNkK",rotated:"Input_rotated__GBHlR"};t(".Input_rangeSliderInput__uoNkK{background:var(--palette-background-b-6);border:none;border:1px solid var(--palette-primary-text-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:default;display:block;font-size:14px;font-weight:500;height:24px;line-height:24px;margin:0 0 0 auto;max-width:fit-content;min-width:40px;outline:none;padding:2px 4px;text-align:center}.Input_rangeSliderInput__uoNkK:focus{background-color:var(--palette-
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={rangeSliderInput:"Input_rangeSliderInput__uoNkK",rotated:"Input_rotated__GBHlR"};t(".Input_rangeSliderInput__uoNkK{background:var(--palette-background-b-6);border:none;border:1px solid var(--palette-primary-text-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:default;cursor:text;display:block;font-size:14px;font-weight:500;height:24px;line-height:24px;margin:0 0 0 auto;max-width:fit-content;min-width:40px;outline:none;padding:2px 4px;text-align:center}.Input_rangeSliderInput__uoNkK:focus{background-color:var(--palette-primary-dark)}.Input_rangeSliderInput__uoNkK:focus,.Input_rangeSliderInput__uoNkK:hover{border:1px solid var(--palette-primary-main);color:var(--palette-primary-contrast-text);text-decoration:underline}.Input_rotated__GBHlR{transform:rotate(180deg)}");export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rotatedVerticalRange:"RangeSlider_rotatedVerticalRange__-oEIw",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",rotatedVerticalRange:"RangeSlider_rotatedVerticalRange__-oEIw",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",mobileRangeSliderThumb:"RangeSlider_mobileRangeSliderThumb__TEj2q",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL",disabled:"RangeSlider_disabled__8eBEv"};e('.RangeSlider_rangeSliderHorizontal__SAdDE{align-items:center;display:flex;padding:30px 0 12px;position:relative}.RangeSlider_rangeSliderVertical__k8ac-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:rgba(99,239,255,.24);border-radius:1px;cursor:pointer;height:3px;position:relative}.RangeSlider_rangeSliderRailHorizontal__rLPtT{margin:0 6px;width:100%}.RangeSlider_rangeSliderRailHorizontal__rLPtT>.RangeSlider_rangeSliderThumb__KMaq0{cursor:ew-resize}.RangeSlider_rotatedVerticalRange__-oEIw{transform:rotate(180deg)}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;margin:6px 0;width:2px}.RangeSlider_rangeSliderRailVertical__4zKzk>.RangeSlider_rangeSliderThumb__KMaq0{cursor:ns-resize}.RangeSlider_rangeSliderBar__Kj3LC{cursor:pointer;position:absolute;z-index:1}.RangeSlider_rangeSliderBarHorizontal__is0F7{height:12px;margin:1px 0 0;transform:translateY(-50%)}.RangeSlider_rangeSliderBarVertical__2DexQ{height:100%;margin:1px 0 0;width:12px}.RangeSlider_rangeSliderBarView__6dNQB{background:var(--palette-primary-main);border-radius:1px}.RangeSlider_rangeSliderBarViewHorizontal__6pRPw{height:3px;margin:5px 0 0;position:relative}.RangeSlider_rangeSliderBarViewVertical__W2QnY{height:100%;width:3px}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before,.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{background:#03bcd4;border-radius:1px;content:"";opacity:.4;position:absolute}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before{bottom:-4px;height:11px;width:100%}.RangeSlider_rangeSliderBar__Kj3LC:active{cursor:grabbing}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{height:100%;left:-4px;width:11px}.RangeSlider_rangeSliderThumb__KMaq0{align-items:center;display:flex;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:24px;z-index:1}.RangeSlider_mobileRangeSliderThumb__TEj2q.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:none!important}.RangeSlider_mobileRangeSliderThumb__TEj2q:hover.RangeSlider_rangeSliderThumb__KMaq0:before{background:#d9d9d9;border-radius:20px;content:"";height:39px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:39px}.RangeSlider_rangeSliderLabel__3-qO8{background:var(--palette-primary-main);border-radius:12px;height:12px;position:relative;transition:box-shadow .3s;width:12px}.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:0 0 0 8px rgba(3,188,212,.2)}.RangeSlider_rangeSliderInputDivider__PcwIK{background:var(--palette-background-b-9);color:#fff;font-size:10px;font-weight:500}.RangeSlider_rangeSliderCompactInputs__ukFLL{align-items:center;background:var(--palette-background-b-9);border-radius:4px;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%)}.RangeSlider_disabled__8eBEv{opacity:.5;pointer-events:none}');export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAsBnC,UAAU,gBAAiB,SAAQ,SAAS,CAAC,UAAU,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEvF,QAAA,MAAM,WAAW;YAAW,gBAAgB,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAmYzD,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAkBzB,CAAC;AAeF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as o,useEffect as r}from"react";import a from"classnames";import{round as l,throttle as u}from"lodash";import s from"prop-types";import{Tooltip as m}from"@material-ui/core";import{isMobileDetected as c}from"../../utils/mobileDetect.js";import{horizontalStrategy as d}from"./strategies/horizontal.js";import{verticalStrategy as g}from"./strategies/vertical.js";import{getToolipBoundingClientRect as f,calculatePercentForValue as p,updateToValue as R,calculateValueFromPercent as v,updateFromValue as S}from"./utils.js";import O from"./inputs/FromInput.js";import b from"./inputs/ToInput.js";import{RangeSliderControl as h,DEFAULT_FOCUSED_EL as T,RangeSliderOrientation as B}from"./constants.js";import M from"./RangeSlider.css.js";var I=function(s){var I,C,N,y,x,A=s.min,F=s.max,V=s.from,L=s.to,j=s.minRange,w=s.disabled,E=s.onChange,P=s.orientation,z=s.precision,H=s.isSingleRange,_=s.isWithoutInput,D=i(null),U=D[0],W=D[1],X=i(null),Y=X[0],q=X[1],Z=i({}),k=Z[0],G=Z[1],J=i(""),K=J[0],Q=J[1],$=i(null),ee=$[0],ne=$[1],te=i(h.FROM),ie=te[0],oe=te[1],re=i(null),ae=re[0],le=re[1],ue=i({}),se=ue[0],me=ue[1],ce=i(T),de=ce[0],ge=ce[1],fe=o(null),pe=o(null),Re=o(null),ve=o(null),Se=o(null),Oe=null===(x=fe.current)||void 0===x?void 0:x.getBoundingClientRect(),be=P===B.HORIZONTAL,he=P===B.VERTICAL,Te=H&&_;r((function(){P===B.HORIZONTAL&&ne(d),P===B.VERTICAL&&ne(g)}),[P]),r((function(){H&&E({from:0,to:L})}),[H]),r((function(){var e;if(ee){var n=l(V,z),t=l(L,z),i=l(A,z),o=l(F,z),r=p(n,i,o),a=p(t,i,o);me(((e={})[h.FROM]=ee.getThumbStyles(r,ie===h.FROM),e[h.TO]=ee.getThumbStyles(a,ie===h.TO),e[h.BAR]=ee.getBarStyles(r,a),e[h.FROM_INPUT]=ee.getInputStyles(ae===h.FROM||ae===h.BAR||de.from),e[h.TO_INPUT]=ee.getInputStyles(ae===h.TO||ae===h.BAR||de.to),e)),W(n.toString()),q(t.toString())}}),[ee,A,F,V,L,ae,de]);var Be=function(e){var n=ee.getCoordinates(e,fe.current.getBoundingClientRect()),t=p(n.new,n.min,n.max),i=l(v(t,A,F),z);if(i!==V){var o=S(i,V,L,A,j);E(o)}},Me=function(e){var n=he&&H?ee.getRotatedCoordinates(e,fe.current.getBoundingClientRect()):ee.getCoordinates(e,fe.current.getBoundingClientRect()),t=p(n.new,n.min,n.max),i=l(v(t,A,F),z);if(i!==L){var o=R(i,V,L,F,j);E(o)}},Ie=function(e,n){var t=ee.getBarCoordinates(e,n,fe.current.getBoundingClientRect()),i=p(t.new,t.min,t.max),o=l(v(i,A,F),z),r=l(L+(o-V),z);if(o<A){var a=A-o;o=A,r=l(r+a,z)}if(r>F){a=r-F;r=F,o=l(o-a,z)}o!==V&&r!==L&&o>=A&&r<=F&&E({from:o,to:r})},Ce=function(n){var t;n!==h.BAR?ge(e(e({},T),((t={})[n]=!0,t))):ge({from:!0,bar:!0,to:!0})},Ne=function(n){var t;n!==h.BAR?ge(e(e({},de),((t={})[n]=!1,t))):ge(T)},ye=function(e,n){if(!(H&&e===h.BAR||w)){n.stopPropagation(),oe(e),le(e);var t=n.clientX,i=n.clientY,o=n.target.getBoundingClientRect(),r=o.x,a=o.y,l=u((function(n){!function(e){return e===h.FROM?Be:e===h.TO?Me:Ie}(e)(n,{clientX:t,clientY:i,x:r,y:a})}),4);document.addEventListener("mousemove",l),document.addEventListener("mouseup",(function e(){le(null),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",e)}))}},xe=function(e,n){var t=n.target.value;Number.isNaN(Number(t))||function(e){return e===h.FROM?W:q}(e)(t)},Ae=function(e,n){var t=n.target.value,i=l(t,z);if(e===h.FROM){var o=S(i,V,L,A,j);E(o),W(o.from)}if(e===h.TO){o=R(i,V,L,F,j);E(o),q(o.to)}};return n("div",e({className:a((I={},I[M.disabled]=w,I[M.rangeSliderHorizontal]=be,I[M.rangeSliderVertical]=he,I[M.rotatedVerticalRange]=he&&H,I))},{children:[!H&&t(O,{compStyles:se[h.FROM_INPUT],isVerticalOrientation:he,max:F,disabled:w,precision:z,fromInputRef:ve,from:V,fromInputValue:U,onInputChange:xe,validateInputChange:Ae}),t(m,e({title:K,placement:be?"top":"left",onMouseMove:function(e){var n,t=e.clientX,i=e.clientY,o=be?{clientX:t}:{clientY:i},r=ee.getCoordinates(o,null===(n=fe.current)||void 0===n?void 0:n.getBoundingClientRect());if(de.bar)return Q(""),void G({x:t,y:i});var a=p(r.new,r.min,r.max),u=l(v(a,A,F),z);u<A&&Q(A.toString()),u>F&&Q(F.toString()),u>=A&&u<=F&&Q(u.toString()),G({x:t,y:i})},PopperProps:{anchorEl:{clientHeight:0,clientWidth:0,getBoundingClientRect:function(){return f({isHorizontalOrientation:be,railPosition:Oe,tooltipPosition:k})}}}},{children:n("div",e({className:a(M.rangeSliderRail,(C={},C[M.rangeSliderRailHorizontal]=be,C[M.rangeSliderRailVertical]=he,C)),ref:fe},{children:[!H&&t("div",e({ref:pe,className:a(M.rangeSliderThumb,c&&M.mobileRangeSliderThumb),style:se[h.FROM],onMouseDown:function(e){return ye(h.FROM,e)},onMouseEnter:function(){Ce(h.FROM)},onMouseLeave:function(){Ne(h.FROM)}},{children:t("div",{className:M.rangeSliderLabel})})),t("div",e({className:a(M.rangeSliderBar,(N={},N[M.rangeSliderBarHorizontal]=be,N[M.rangeSliderBarVertical]=he,N)),style:se[h.BAR],onMouseDown:function(e){return ye(h.BAR,e)},onMouseEnter:function(){Ce(h.BAR)},onMouseLeave:function(){Ne(h.BAR)}},{children:t("div",{className:a(M.rangeSliderBarView,(y={},y[M.rangeSliderBarViewHorizontal]=be,y[M.rangeSliderBarViewVertical]=he,y))})})),t("div",e({ref:Re,className:a(M.rangeSliderThumb,c&&M.mobileRangeSliderThumb),style:se[h.TO],onMouseDown:function(e){return ye(h.TO,e)},onMouseEnter:function(){Ce(h.TO)},onMouseLeave:function(){Ne(h.TO)}},{children:t("div",{className:M.rangeSliderLabel})}))]}))})),!Te&&t(b,{compStyles:se[h.TO_INPUT],disabled:w,isVerticalOrientation:he,rotated:he&&H,max:F,precision:z,toInputRef:Se,to:L,toInputValue:Y,onInputChange:xe,validateInputChange:Ae})]}))},C={min:s.number,max:s.number,from:s.number.isRequired,to:s.number.isRequired,orientation:s.oneOf(["horizontal","vertical"]),precision:s.number,minRange:s.number,onChange:s.func,isSingleRange:s.bool,isWithoutInput:s.bool,disabled:s.bool.isRequired};I.propTypes=C,I.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){},isSingleRange:!1,isWithoutInput:!1};export{I as default};
|
|
@@ -11,4 +11,10 @@ export namespace RangeSliderOrientation {
|
|
|
11
11
|
const HORIZONTAL: string;
|
|
12
12
|
const VERTICAL: string;
|
|
13
13
|
}
|
|
14
|
+
export const TOOLTIP_MARGIN: 6;
|
|
15
|
+
export namespace DEFAULT_FOCUSED_EL {
|
|
16
|
+
const from: boolean;
|
|
17
|
+
const bar: boolean;
|
|
18
|
+
const to: boolean;
|
|
19
|
+
}
|
|
14
20
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/constants.js"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/constants.js"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,+BAAgC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var o={FROM:"from",TO:"to",BAR:"bar",RAIL:"rail",FROM_INPUT:"from-input",TO_INPUT:"to-input",COMPACT_INPUTS:"compact-inputs"},r={HORIZONTAL:"horizontal",VERTICAL:"vertical"},t=6,T={from:!1,bar:!1,to:!1};export{T as DEFAULT_FOCUSED_EL,o as RangeSliderControl,r as RangeSliderOrientation,t as TOOLTIP_MARGIN};
|
|
@@ -28,10 +28,12 @@ declare function getInputStyles(isActive: any): {
|
|
|
28
28
|
border?: undefined;
|
|
29
29
|
color?: undefined;
|
|
30
30
|
backgroundColor?: undefined;
|
|
31
|
+
textDecoration?: undefined;
|
|
31
32
|
} | {
|
|
32
33
|
border: string;
|
|
33
34
|
color: string;
|
|
34
35
|
backgroundColor: string;
|
|
36
|
+
textDecoration: string;
|
|
35
37
|
};
|
|
36
38
|
export {};
|
|
37
39
|
//# sourceMappingURL=horizontal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"horizontal.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeSlider/strategies/horizontal.js"],"names":[],"mappings":";;;;;;;AAAA;;;;EAMC;AAED;;;;EAUC;AAED;;;;EAMC;AAED;;;EAKC;AAED
|
|
1
|
+
{"version":3,"file":"horizontal.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeSlider/strategies/horizontal.js"],"names":[],"mappings":";;;;;;;AAAA;;;;EAMC;AAED;;;;EAUC;AAED;;;;EAMC;AAED;;;EAKC;AAED;;;;;;;;;;EAQC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var t={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var r=n.clientX-n.x;return{new:t.clientX-r,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"50%",left:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#
|
|
1
|
+
var t={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var r=n.clientX-n.x;return{new:t.clientX-r,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"50%",left:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#008ba3",textDecoration:"underline"}:{}}};export{t as horizontalStrategy};
|
|
@@ -34,10 +34,12 @@ declare function getInputStyles(isActive: any): {
|
|
|
34
34
|
border?: undefined;
|
|
35
35
|
color?: undefined;
|
|
36
36
|
backgroundColor?: undefined;
|
|
37
|
+
textDecoration?: undefined;
|
|
37
38
|
} | {
|
|
38
39
|
border: string;
|
|
39
40
|
color: string;
|
|
40
41
|
backgroundColor: string;
|
|
42
|
+
textDecoration: string;
|
|
41
43
|
};
|
|
42
44
|
export {};
|
|
43
45
|
//# sourceMappingURL=vertical.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vertical.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeSlider/strategies/vertical.js"],"names":[],"mappings":";;;;;;;;AAAA;;;;EAMC;AAED;;;;EAMC;AAED;;;;EAUC;AAED;;;;EAMC;AAED;;;EAKC;AAED
|
|
1
|
+
{"version":3,"file":"vertical.d.ts","sourceRoot":"","sources":["../../../../src/components/RangeSlider/strategies/vertical.js"],"names":[],"mappings":";;;;;;;;AAAA;;;;EAMC;AAED;;;;EAMC;AAED;;;;EAUC;AAED;;;;EAMC;AAED;;;EAKC;AAED;;;;;;;;;;EAQC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var t={getCoordinates:function(t,n){return{new:t.clientY,min:n.y,max:n.y+n.height}},getRotatedCoordinates:function(t,n){return{new:n.y+n.height-t.clientY+n.y,min:n.y,max:n.y+n.height}},getBarCoordinates:function(t,n,e){var o=n.clientY-n.y;return{new:t.clientY-o,min:e.y,max:e.y+e.height}},getThumbStyles:function(t,n){return{left:"50%",top:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{top:"".concat(t,"%"),height:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#
|
|
1
|
+
var t={getCoordinates:function(t,n){return{new:t.clientY,min:n.y,max:n.y+n.height}},getRotatedCoordinates:function(t,n){return{new:n.y+n.height-t.clientY+n.y,min:n.y,max:n.y+n.height}},getBarCoordinates:function(t,n,e){var o=n.clientY-n.y;return{new:t.clientY-o,min:e.y,max:e.y+e.height}},getThumbStyles:function(t,n){return{left:"50%",top:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{top:"".concat(t,"%"),height:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#008ba3",textDecoration:"underline"}:{}}};export{t as verticalStrategy};
|
|
@@ -9,4 +9,16 @@ export function updateToValue(newTo: any, from: any, to: any, max: any, minRange
|
|
|
9
9
|
from: any;
|
|
10
10
|
to: any;
|
|
11
11
|
};
|
|
12
|
+
export function getToolipBoundingClientRect({ isHorizontalOrientation, railPosition, tooltipPosition, }: {
|
|
13
|
+
isHorizontalOrientation: any;
|
|
14
|
+
railPosition: any;
|
|
15
|
+
tooltipPosition: any;
|
|
16
|
+
}): {
|
|
17
|
+
top: any;
|
|
18
|
+
left: any;
|
|
19
|
+
right: any;
|
|
20
|
+
bottom: any;
|
|
21
|
+
width: number;
|
|
22
|
+
height: number;
|
|
23
|
+
};
|
|
12
24
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/utils.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/RangeSlider/utils.js"],"names":[],"mappings":"AAEO,8EAEN;AAEM,+EAEN;AAEM,6EAEN;AAEM;;;EAUN;AAEM;;;EAUN;AAEM;;;;;;;;;;;EAWL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var o=function(o,r
|
|
1
|
+
import{TOOLTIP_MARGIN as t}from"./constants.js";var o=function(t,o,r){return 100*(t-o)/(r-o)},r=function(t,o,r){return o+t*(r-o)/100},n=function(t,o,r,n,i){return t<n?{from:n,to:r}:t>r-i?{from:r-i,to:r}:{from:t,to:r}},i=function(t,o,r,n,i){return t>n?{from:o,to:n}:t<o+i?{from:o,to:o+i}:{from:o,to:t}},f=function(o){var r=o.isHorizontalOrientation,n=o.railPosition,i=o.tooltipPosition;return{top:r?n.y-t:i.y,left:r?i.x:n.x-t,right:r?i.x:n.x+t,bottom:r?n.y:i.y,width:0,height:0}};export{o as calculatePercentForValue,r as calculateValueFromPercent,f as getToolipBoundingClientRect,n as updateFromValue,i as updateToValue};
|