261fc36962
Volume transparency bars #5076 widget.changeTheme should not record an Undo entry in the Undo/Redo stack #4982 Event when source price scale is changed #4884 Time value in shape creating #4878 Price axis icons don't change after applyOverrides #4865 Cannot disable bottom toolbar timezone menu via "timezone_menu" property #4836 Showleftaxis is not valid on the mobile #4828 Fix TypeScript typings for onVisibleRangeChanged method #4802 Invalid on Mobile: 'paneProperties.legendProperties.showBarChange': false, #4797 API to attach an indicator to a particular price scale #4788 saveLoadAdapter is stringified #4776 Changing price scale of the study via changePriceScale method doesn't applies immediately #4774 Broker Config Order Market not visible #4765 [Bug] In the trading mask changing price doesn't update pips #4761 Maximize chart button #4744 Custom study plot color has no effect #4740 Moving average on seconds (createStudy) #4730 [Bug] BUY button get enable after clicking on both pips fields #4718 Overrides are not applied when defaults button is pressed #4706 Trading Terminal passes parentOrderId object while modifying the order #4705 Watermark settings are not saved to LocalStorage #4681 tvWidget.activeChart().resolution() return randomly "D" or "1D" for the daily time-frame #4630 cannot override default background color #4621 Bring to front operation is unavailable in 1.16 #4611 New style of pane buttons #4608 New mobile friendly style of the legend #4607 Centered Zoom with Ctrl #4606 TERMINAL: Apply Date Range to all charts in layout if Sync Interval is enabled #4605 Updated style of the measure tool #4604 New style of indicator loading status #4603 New measure styles #4602 Adaptive drawings dialogs #4600 Allow createStudy use undo #4590 Crosshair only on long press on mobile #4574 saveChartToServer does not call the callbacks if !autoSaveNeeded #4573 How to get current theme? #4534 getAllShapes returns trend_line instead of 'extended' #4507 hideMarksOnBar in v1.15 #4506 Trend_angle is not returned via getAllShapes #4498 How to disable vertical scrolling on the mobile side #4483 Add support for holidays and exchange working days in session spec #4467 closePopupsAndDialogs : The screenshot popup is not being closed #4438 Redirect on TV homepage after mouse click release #4423 setBodyFont of position line tool doesn't work correctly #4353 subscribe('drawing_event') click is not working #4302 "Eraser" and "dot" cursors doesn't work on IE11 #4238 zOrder for shapes with saved layout #4219 Errors/warning in console after load chart #4196 Main series API #4169 Scrolling to the top - href=“#” #4136 Tracking mode #4111 Order line drag with middle mouse button doesn't trigger onMove #4084 There are no values or na in the legend of the additional symbol (compare/add) until hover the cursor on the chart #4058 closePopupsAndDialogs doesn't work for new indicators dialog #4051 toolbar_bg doesn't affect top toolbar #3998 Check if symbol sync is enabled #3997 DOM bottom buttons are missing tooltips #3979 Question about D or 1D resolution #3861 Twitter intent button Android app #3732 Avoid chart appending storage version and "study_templates or charts" to chartStorageAPI #3702 unexpected study id by assigning studies_access option #3630 Drawing shape on indicator/study #3408 Top header in fullscreen? #2610 Allow to modify end date of long/short position tool #2381 Chart can scroll with mouse movement but no button pressed down #1908 Adaptive design for Properties dialog #862
8 lines
21 KiB
JavaScript
8 lines
21 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{"+ByK":function(e,t,n){e.exports={itemWrap:"itemWrap-3qF9ynvx",item:"item-112BZuXZ",icon:"icon-2y6cSg4c",selected:"selected-3tUrY97Z",label:"label-1uw3rZaL"}},"1Kfe":function(e,t,n){e.exports={container:"container-3jqXx6VY",sectionTitle:"sectionTitle-14f4vHhw",separator:"separator-37206dUD",customButton:"customButton-1OVL2GM7"}},"4bOu":function(e,t,n){e.exports={colorPickerWrap:"colorPickerWrap-3CKoS76B",focused:"focused-1eNVgMcK",readonly:"readonly-3WKrZDDZ",disabled:"disabled-3JLIZoXG","size-medium":"size-medium-vQ4tJKsY","size-large":"size-large-36sdciXs","font-size-medium":"font-size-medium-2FxxjPlX","font-size-large":"font-size-large-272pPq9L","border-none":"border-none-IfU-lwor",shadow:"shadow-2guXPu-j","border-thin":"border-thin-1PBFvGUv","border-thick":"border-thick-sfRUs3z9","intent-default":"intent-default-24Iojkmz","intent-success":"intent-success-2MeIS_Pu","intent-warning":"intent-warning-28gYd2KQ","intent-danger":"intent-danger-1bAU5SPR","intent-primary":"intent-primary-dbxJRTNV","corner-top-left":"corner-top-left-1YL_woIU","corner-top-right":"corner-top-right-2ch4nt0D","corner-bottom-right":"corner-bottom-right-yxUtJRuR","corner-bottom-left":"corner-bottom-left-RaqUovla",colorPicker:"colorPicker-3Y3x2ZTE",swatch:"swatch-1HdO4thS",placeholderContainer:"placeholderContainer-162UtvCf",placeholder:"placeholder-1EJtBXNo",white:"white-1wi9uYIx",opacitySwatch:"opacitySwatch-JY_FJG0h",colorLine:"colorLine-2ayGuwQX",thicknessContainer:"thicknessContainer-b-mOHnpg",thicknessTitle:"thicknessTitle-3PQDSIFb"}},"7MId":function(e,t,n){"use strict";function o(e){var t,n,o,r,a,i,c,s,l,u,p,d,h,m="Invalid RGB color: "+e;if(null===e)throw new Error(m);if(null===(t=e.match(/^#?([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/i)))throw new Error(m);if(n=t[1],o=t[2],r=t[3],!n||!o||!r)throw new Error(m);if(a=parseInt(n,16)/255,i=parseInt(o,16)/255,c=parseInt(r,16)/255,d=s=Math.max(a,i,c),h=s-(l=Math.min(a,i,c)),p=0===s?0:h/s,s===l)u=0;else{switch(s){case a:u=(i-c)/h+(i<c?6:0);break;case i:u=(c-a)/h+2;break;case c:u=(a-i)/h+4;break;default:u=0}u/=6}return{h:u,s:p,v:d}}function r(e){function t(){e.disabled||(h(function(e){return!e}),u(!1))}function n(e){switch(Object(K.hashFromEvent)(e)){case 27:d&&(e.preventDefault(),o())}}function o(){t(),Object(F.ensureNotNull)(_.current).focus()}var r=e.button,a=e.children,i=e.className,c=Object(H.__rest)(e,["button","children","className"]),s=Object(B.useState)(!1),l=s[0],u=s[1],p=Object(B.useState)(!1),d=p[0],h=p[1],m=Object(Z.a)(),f=m[0],v=m[1],_=Object(B.useRef)(null);return R.a.createElement("div",{className:i},R.a.createElement("div",{tabIndex:e.disabled?void 0:-1,ref:_,onClick:t,onFocus:v.onFocus,onBlur:v.onBlur,onKeyDown:n},"function"==typeof r?r(d,f):r),R.a.createElement(Q.a,{isOpened:d,onClose:o,position:function(){var e=Object(F.ensureNotNull)(_.current).getBoundingClientRect();return{x:e.left,y:e.top+e.height}},doNotCloseOn:_.current,onKeyDown:n},R.a.createElement(L,Object(H.__assign)({},c,{onToggleCustom:u})),!l&&a))}
|
|
function a(){var e,t,n,o=Object(B.useState)(Object(D.getJSON)("pickerCustomColors",[])),r=o[0],a=o[1];return t="add_new_custom_color",n=function(e){return a(i(e,r))},Object(B.useEffect)(function(){return U.subscribe(t,n,null),function(){U.unsubscribe(t,n,null)}},[t,n]),e=Object(B.useCallback)(function(e){var t=e?Object(V.parseRgb)(e):null,n=r.some(function(e){return null!==e&&null!==t&&Object(V.areEqualRgb)(Object(V.parseRgb)(e),t)});n||(U.emit("add_new_custom_color",e),Object(D.setJSON)("pickerCustomColors",i(e,r)))},[r]),[r,e]}function i(e,t){var n=t.slice();return n.push(e),n.length>29&&n.shift(),n}function c(e){var t=e.name,n=e.values,o=e.selectedValues,r=e.onChange,a=n.map(function(e,t){return B.createElement(A,{key:t,value:e.toString()})}),i=o.map(function(e){return e.toString()}),c=function(e){r(parseInt(e))};return B.createElement("div",{className:z.wrap},B.createElement(W.SwitchGroup,{name:t,onChange:c,values:i},a))}function s(e){return R.a.createElement("div",{className:Y.thicknessContainer},R.a.createElement("div",{className:Y.thicknessTitle},G),R.a.createElement(c,{name:"color_picker_thickness_select",onChange:e.onChange,values:e.items,selectedValues:[e.value]}))}function l(e){var t=e.className,n=e.selectOpacity,o=void 0===n?void 0!==e.opacity:n,i=e.thickness,c=e.color,l=e.disabled,d=e.opacity,h=void 0===d?1:d,m=e.onColorChange,f=e.onOpacityChange,v=e.onThicknessChange,_=e.thicknessItems,g=a(),b=g[0],C=g[1];return R.a.createElement(r,{className:t,disabled:l,color:c,selectOpacity:o,opacity:h,selectCustom:!0,customColors:b,onColorChange:m,onOpacityChange:c?f:void 0,onAddColor:C,button:function(e,t){var n,o,r=e||t,a=r?"primary":"default";return R.a.createElement("div",{className:q()(X.colorPickerWrap,X["intent-"+a],X["border-thin"],X["size-medium"],r&&X.highlight,r&&X.focused,l&&X.disabled),"data-role":"button","data-name":i?"color-with-thickness-select":"color-select"},R.a.createElement("div",{className:q()(X.colorPicker,l&&X.disabled)},c?(n=u(c,h),o=h>=.95&&p(c),R.a.createElement("div",{className:X.opacitySwatch},R.a.createElement("div",{style:{backgroundColor:n},className:q()(X.swatch,o&&X.white)}))):R.a.createElement("div",{className:X.placeholderContainer},R.a.createElement("div",{className:X.placeholder})),i&&R.a.createElement("span",{className:q()(X.colorLine,p(c)&&X.white),style:{height:i,backgroundColor:u(c,h)}})),r&&R.a.createElement("span",{className:X.shadow}))}},i&&_&&R.a.createElement(s,{value:i,items:_,onChange:function(e){v&&v(e)}}))}function u(e,t){return e?Object(M.generateColor)(e,Object(M.alphaToTransparency)(t)):"#000000"}function p(e){return!!e&&e.toLowerCase()===ee}var d,h,m,f,v,_,g,b,C,y,w,E,S,N,O,k,j,P,I,T,x,L,D,U,M,W,z,A,Y,G,X,B=n("q1tI"),R=n.n(B),J=n("TSYQ"),q=n.n(J),H=n("mrSG"),F=n("Eyy1"),K=n("/3z9"),Q=n("9dlw"),Z=n("Oi2w"),V=(n("YFKU"),n("eJTA")),$=n("6Kf3"),ee=$.a["color-white"],te=["ripe-red","tan-orange","banana-yellow","iguana-green","minty-green","sky-blue","tv-blue","deep-blue","grapes-purple","berry-pink"],ne=[200,300,400,500,600,700,800,900],oe=ne.map(function(e){
|
|
return"color-cold-gray-"+e});oe.unshift("color-white"),oe.push("color-black"),te.forEach(function(e){oe.push("color-"+e+"-500")}),d=oe.map(function(e){return $.a[e]}),h=[],[100,200,300,400,700,900].forEach(function(e){te.forEach(function(t){h.push("color-"+t+"-"+e)})}),m=h.map(function(e){return $.a[e]}),f=n("DXuF"),v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._onClick=function(){var e=t.props,n=e.color;(0,e.onSelect)(n)},t}return Object(H.__extends)(t,e),t.prototype.render=function(){var e=this.props,t=e.color,n=e.selected;return B.createElement("div",{style:t?{color:t}:void 0,className:J(f.swatch,n&&f.selected,!t&&f.empty,String(t).toLowerCase()===ee&&f.white),onClick:this._onClick})},t}(B.PureComponent),_=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._onSelect=function(e){var n=t.props.onSelect;n&&n(e)},t}return Object(H.__extends)(t,e),t.prototype.render=function(){var e,t=this,n=this.props,o=n.colors,r=n.color,a=n.children;return o?(e=r?Object(V.parseRgb)(String(r)):void 0,B.createElement("div",{className:f.swatches},o.map(function(n,o){return B.createElement(v,{key:String(n)+o,color:n,selected:e&&Object(V.areEqualRgb)(e,Object(V.parseRgb)(String(n))),onSelect:t._onSelect})}),a)):null},t}(B.PureComponent),g=n("U1eG"),b=n("vWed"),C=n("PoSe"),y=n.n(C),w=n("lY1a"),E=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._container=null,t._refContainer=function(e){t._container=e},t._handlePosition=function(e){var n,o,r,a,i,c=t.props,s=c.hsv.h,l=c.onChange;l&&(n=Object(F.ensureNotNull)(t._container).getBoundingClientRect(),o=e.clientX-n.left,r=e.clientY-n.top,(a=o/n.width)<0?a=0:a>1&&(a=1),(i=1-r/n.height)<0?i=0:i>1&&(i=1),l({h:s,s:a,v:i}))},t._mouseDown=function(e){window.addEventListener("mouseup",t._mouseUp),window.addEventListener("mousemove",t._mouseMove)},t._mouseUp=function(e){window.removeEventListener("mousemove",t._mouseMove),window.removeEventListener("mouseup",t._mouseUp),t._handlePosition(e)},t._mouseMove=y()(t._handlePosition,100),t._handleTouch=function(e){t._handlePosition(e.nativeEvent.touches[0])},t}return Object(H.__extends)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.hsv,o=n.h,r=n.s,a=n.v,i="hsl("+360*o+", 100%, 50%)";return B.createElement("div",{className:q()(w.saturation,t),style:{backgroundColor:i},ref:this._refContainer,onMouseDown:this._mouseDown,onTouchStart:this._handleTouch,onTouchMove:this._handleTouch},B.createElement("div",{className:w.pointer,style:{left:100*r+"%",top:100*(1-a)+"%"}}))},t}(B.PureComponent),S=n("jpE+"),N=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._container=null,t._refContainer=function(e){t._container=e},t._handlePosition=function(e){var n,o,r,a=t.props,i=a.hsv,c=i.s,s=i.v,l=a.onChange;l&&(n=Object(F.ensureNotNull)(t._container).getBoundingClientRect(),(o=e.clientY-n.top)>=n.top&&(o=n.top-1),(r=o/n.height)<0?r=0:r>1&&(r=1),l({h:r,s:c,v:s}))},t._mouseDown=function(e){window.addEventListener("mouseup",t._mouseUp),
|
|
window.addEventListener("mousemove",t._mouseMove)},t._mouseUp=function(e){window.removeEventListener("mousemove",t._mouseMove),window.removeEventListener("mouseup",t._mouseUp),t._handlePosition(e)},t._mouseMove=y()(t._handlePosition,100),t._handleTouch=function(e){t._handlePosition(e.nativeEvent.touches[0])},t}return Object(H.__extends)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.hsv.h;return B.createElement("div",{className:q()(S.hue,t)},B.createElement("div",{className:S.pointerContainer,ref:this._refContainer,onMouseDown:this._mouseDown,onTouchStart:this._handleTouch,onTouchMove:this._handleTouch},B.createElement("div",{className:S.pointer,style:{top:100*n+"%"}})))},t}(B.PureComponent),O=n("uJfL"),k="#000000",j=window.t("Add",{context:"Color Picker"}),P=function(e){function t(t){var n,r=e.call(this,t)||this;return r._handleHSV=function(e){var t=function(e){var t,n,o,r=e.h,a=e.s,i=e.v,c=Math.floor(6*r),s=6*r-c,l=i*(1-a),u=i*(1-s*a),p=i*(1-(1-s)*a);switch(c%6){case 0:t=i,n=p,o=l;break;case 1:t=u,n=i,o=l;break;case 2:t=l,n=i,o=p;break;case 3:t=l,n=u,o=i;break;case 4:t=p,n=l,o=i;break;case 5:t=i,n=l,o=u;break;default:t=0,n=0,o=0}return"#"+[255*t,255*n,255*o].map(function(e){return("0"+Math.round(e).toString(16)).replace(/.+?([a-f0-9]{2})$/i,"$1")}).join("")}(e)||k;r.setState({color:t,inputColor:t.replace(/^#/,""),hsv:e}),r.props.onSelect(t)},r._handleInput=function(e){var t,n,a=e.currentTarget.value;try{t=o(a),n="#"+a,r.setState({color:n,inputColor:a,hsv:t}),r.props.onSelect(n)}catch(e){r.setState({inputColor:a})}},r._handleAddColor=function(){return r.props.onAdd(r.state.color)},n=t.color||k,r.state={color:n,inputColor:n.replace(/^#/,""),hsv:o(n)},r}return Object(H.__extends)(t,e),t.prototype.render=function(){var e=this.state,t=e.color,n=e.hsv,o=e.inputColor;return B.createElement("div",{className:O.container},B.createElement("div",{className:O.form},B.createElement("div",{className:O.swatch,style:{backgroundColor:t}}),B.createElement("div",{className:O.inputWrap},B.createElement("span",{className:O.inputHash},"#"),B.createElement("input",{type:"text",className:O.input,value:o,onChange:this._handleInput})),B.createElement("div",{className:O.buttonWrap},B.createElement(b.Button,{size:"s",onClick:this._handleAddColor},j))),B.createElement("div",{className:O.hueSaturationWrap},B.createElement(E,{className:O.saturation,hsv:n,onChange:this._handleHSV}),B.createElement(N,{className:O.hue,hsv:n,onChange:this._handleHSV})))},t}(B.PureComponent),I=n("1Kfe"),T=window.t("Add Custom Color",{context:"Color Picker"}),x=window.t("Opacity",{context:"Color Picker"}),L=function(e){function t(t){var n=e.call(this,t)||this;return n._handleAddColor=function(e){n.setState({isCustom:!1}),n._onToggleCustom(!1);var t=n.props.onAddColor;t&&t(e)},n._handleSelectColor=function(e){var t=n.props.onColorChange;t&&t(e)},n._handleCustomClick=function(){n.setState({isCustom:!0}),n._onToggleCustom(!0)},n._handleOpacity=function(e){var t=n.props.onOpacityChange;t&&t(e)},n.state={isCustom:!1},n}return Object(H.__extends)(t,e),
|
|
t.prototype.render=function(){var e=this.props,t=e.color,n=e.opacity,o=e.selectCustom,r=e.selectOpacity,a=e.customColors,i=this.state.isCustom,c="number"==typeof n?n:1;return i?B.createElement(P,{color:t,onSelect:this._handleSelectColor,onAdd:this._handleAddColor}):B.createElement("div",{className:I.container},B.createElement(_,{colors:d,color:t,onSelect:this._handleSelectColor}),B.createElement(_,{colors:m,color:t,onSelect:this._handleSelectColor}),B.createElement("div",{className:I.separator}),B.createElement(_,{colors:a,color:t,onSelect:this._handleSelectColor},o&&B.createElement("div",{className:q()(I.customButton,"apply-common-tooltip"),onClick:this._handleCustomClick,title:T})),r&&B.createElement(B.Fragment,null,B.createElement("div",{className:I.sectionTitle},x),B.createElement(g.a,{color:t,opacity:c,onChange:this._handleOpacity})))},t.prototype._onToggleCustom=function(e){var t=this.props.onToggleCustom;t&&t(e)},t}(B.PureComponent),D=n("Vdly"),U=n("FQhm"),M=n("Tmoa"),W=n("0Mig"),z=n("95N5"),A=Object(W.makeSwitchGroupItem)(function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t._onChange=function(){t.props.onChange&&t.props.onChange(t.props.value)},t}return Object(H.__extends)(t,e),t.prototype.render=function(){var e,t,n=this.props,o=n.name,r=n.checked,a=n.value,i=J(z.thicknessItem,((e={})[z.checked]=r,e)),c=J(z.bar,((t={})[z.checked]=r,t)),s={borderTopWidth:parseInt(a)};return B.createElement("div",{className:i},B.createElement("input",{type:"radio",className:z.radio,name:o,value:a,onChange:this._onChange,checked:r}),B.createElement("div",{className:c,style:s}," "))},t}(B.PureComponent)),Y=n("85uA"),G=window.t("Thickness"),X=n("4bOu"),n.d(t,"a",function(){return l})},"85uA":function(e,t,n){e.exports={thicknessContainer:"thicknessContainer-1lrdH7bz",thicknessTitle:"thicknessTitle-2nZV_6CD"}},"95N5":function(e,t,n){e.exports={wrap:"wrap-3KIz6IQG",thicknessItem:"thicknessItem-1D40arGe",checked:"checked-pDy7EtmX",radio:"radio-mk150mXO",bar:"bar-3l4jwcsX"}},CHgb:function(e,t,n){"use strict";function o(e){var t=e.menuItemClassName,n=Object(i.__rest)(e,["menuItemClassName"]);return s.a.createElement(p.a,Object(i.__assign)({},n,{menuItemClassName:u()(t,h.itemWrap)}))}function r(e){return s.a.createElement("div",{className:u()(h.item,h.selected)},s.a.createElement(d.a,{className:h.icon,icon:e.icon}))}function a(e){return s.a.createElement("div",{className:h.item},s.a.createElement(d.a,{className:u()(h.icon,e.iconClassName),icon:e.icon}),s.a.createElement("div",{className:h.label},e.label))}var i,c,s,l,u,p,d,h;n.d(t,"c",function(){return o}),n.d(t,"a",function(){return r}),n.d(t,"b",function(){return a}),i=n("mrSG"),c=n("q1tI"),s=n.n(c),l=n("TSYQ"),u=n.n(l),p=n("H172"),d=n("jjrI"),h=n("+ByK")},DXuF:function(e,t,n){e.exports={swatches:"swatches-2NO2y7Xs",swatch:"swatch-CMyFZXry",empty:"empty-1lteEy1B",white:"white-RBcZELAh",selected:"selected-3mQR-gqr"}},J4oI:function(e,t,n){e.exports={lineStyleSelect:"lineStyleSelect-1s1ap44b"}},KacW:function(e,t,n){"use strict";var o,r,a,i,c,s,l,u,p,d,h,m,f
|
|
;n.d(t,"a",function(){return f}),o=n("mrSG"),n("YFKU"),r=n("q1tI"),a=n.n(r),i=n("TSYQ"),c=n.n(i),s=n("8Uy/"),l=n("CHgb"),u=n("bQEj"),p=n("UXdH"),d=n("ZSM+"),h=n("J4oI"),m=[{type:s.LINESTYLE_SOLID,icon:u,label:window.t("Line")},{type:s.LINESTYLE_DASHED,icon:p,label:window.t("Dashed Line")},{type:s.LINESTYLE_DOTTED,icon:d,label:window.t("Dotted Line")}],f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return Object(o.__extends)(t,e),t.prototype.render=function(){var e,t,n=this.props,r=n.lineStyle,i=n.className,s=n.lineStyleChange,u=n.disabled,p=n.additionalItems,d=n.allowedLineStyles,f=(e=d,t=Object(o.__spreadArrays)(m),void 0!==e&&(t=t.filter(function(t){return e.includes(t.type)})),t.map(function(e){return{value:e.type,selectedContent:a.a.createElement(l.a,{icon:e.icon}),content:a.a.createElement(l.b,{icon:e.icon,label:e.label})}}));return p&&(f=Object(o.__spreadArrays)([{readonly:!0,content:p}],f)),a.a.createElement(l.c,{disabled:u,className:c()(h.lineStyleSelect,i),hideArrowButton:!0,items:f,value:r,onChange:s,"data-name":"line-style-select"})},t}(a.a.PureComponent)},Oqo1:function(e,t,n){e.exports={opacity:"opacity-2aYjtVUz",opacitySlider:"opacitySlider-2S5vLqQZ",opacitySliderGradient:"opacitySliderGradient-1uUWtQAG",pointer:"pointer-3pBhp8nL",dragged:"dragged-1FWLoCMd",opacityPointerWrap:"opacityPointerWrap-133eLPOE",opacityInputWrap:"opacityInputWrap-1okRhpq9",opacityInput:"opacityInput-1A9bqplo",opacityInputPercent:"opacityInputPercent-n0mDvs0P"}},U1eG:function(e,t,n){"use strict";var o,r,a,i,c,s,l;n.d(t,"a",function(){return l}),o=n("mrSG"),r=n("q1tI"),a=n("TSYQ"),i=n("Eyy1"),c=n("Hr11"),s=n("Oqo1"),l=function(e){function t(t){var n=e.call(this,t)||this;return n._container=null,n._pointer=null,n._raf=null,n._refContainer=function(e){n._container=e},n._refPointer=function(e){n._pointer=e},n._handlePosition=function(e){null===n._raf&&(n._raf=requestAnimationFrame(function(){var t=Object(i.ensureNotNull)(n._container),o=Object(i.ensureNotNull)(n._pointer),r=t.getBoundingClientRect(),a=o.offsetWidth,s=e.clientX-a/2-r.left,l=Object(c.clamp)(s/(r.width-a),0,1);n.setState({inputOpacity:Math.round(100*l).toString()}),n.props.onChange(l),n._raf=null}))},n._onSliderClick=function(e){n._handlePosition(e.nativeEvent),n._dragSubscribe()},n._mouseUp=function(e){n.setState({isPointerDragged:!1}),n._dragUnsubscribe(),n._handlePosition(e)},n._mouseMove=function(e){n.setState({isPointerDragged:!0}),n._handlePosition(e)},n._onTouchStart=function(e){n._handlePosition(e.nativeEvent.touches[0])},n._handleTouch=function(e){n.setState({isPointerDragged:!0}),n._handlePosition(e.nativeEvent.touches[0])},n._handleTouchEnd=function(){n.setState({isPointerDragged:!1})},n._handleInput=function(e){var t=e.currentTarget.value,o=Number(t)/100;n.setState({inputOpacity:t}),Number.isNaN(o)||o>1||n.props.onChange(o)},n.state={inputOpacity:Math.round(100*t.opacity).toString(),isPointerDragged:!1},n}return Object(o.__extends)(t,e),t.prototype.componentWillUnmount=function(){null!==this._raf&&(cancelAnimationFrame(this._raf),
|
|
this._raf=null),this._dragUnsubscribe()},t.prototype.render=function(){var e=this.props,t=e.color,n=e.opacity,o=e.hideInput,i=this.state,c=i.inputOpacity,l=i.isPointerDragged,u={color:t||void 0};return r.createElement("div",{className:s.opacity},r.createElement("div",{className:s.opacitySlider,style:u,ref:this._refContainer,onMouseDown:this._onSliderClick,onTouchStart:this._onTouchStart,onTouchMove:this._handleTouch,onTouchEnd:this._handleTouchEnd},r.createElement("div",{className:s.opacitySliderGradient,style:{backgroundImage:"linear-gradient(90deg, transparent, "+t+")"}}),r.createElement("div",{className:s.opacityPointerWrap},r.createElement("div",{className:a(s.pointer,l&&s.dragged),style:{left:100*n+"%"},ref:this._refPointer}))),!o&&r.createElement("div",{className:s.opacityInputWrap},r.createElement("input",{type:"text",className:s.opacityInput,value:c,onChange:this._handleInput}),r.createElement("span",{className:s.opacityInputPercent},"%")))},t.prototype._dragSubscribe=function(){var e=Object(i.ensureNotNull)(this._container).ownerDocument;e&&(e.addEventListener("mouseup",this._mouseUp),e.addEventListener("mousemove",this._mouseMove))},t.prototype._dragUnsubscribe=function(){var e=Object(i.ensureNotNull)(this._container).ownerDocument;e&&(e.removeEventListener("mousemove",this._mouseMove),e.removeEventListener("mouseup",this._mouseUp))},t}(r.PureComponent)},UXdH:function(e,t){e.exports='<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path fill="currentColor" d="M4 13h5v1H4v-1zM12 13h5v1h-5v-1zM20 13h5v1h-5v-1z"/></svg>'},UXjO:function(e,t,n){"use strict";function o(e){var t,n=e.fontSize,o=e.fontSizes,a=void 0===o?[]:o,c=e.className,d=e.disabled,h=e.fontSizeChange;return i.a.createElement(l.a,Object(r.__assign)({disabled:d,className:s()(c,p.defaultSelect),menuClassName:p.defaultSelect,items:(t=a,t.map(function(e){return{value:e.value,content:e.title}})),value:n,onChange:h},Object(u.a)(e)))}var r,a,i,c,s,l,u,p;n.d(t,"a",function(){return o}),r=n("mrSG"),a=n("q1tI"),i=n.n(a),c=n("TSYQ"),s=n.n(c),l=n("H172"),u=n("QpNh"),p=n("z1Uu")},"ZSM+":function(e,t){e.exports='<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor"><circle cx="9" cy="14" r="1"/><circle cx="4" cy="14" r="1"/><circle cx="14" cy="14" r="1"/><circle cx="19" cy="14" r="1"/><circle cx="24" cy="14" r="1"/></svg>'},bQEj:function(e,t){e.exports='<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28"><path stroke="currentColor" d="M4 13.5h20"/></svg>'},"jpE+":function(e,t,n){e.exports={hue:"hue-2mlXxlkM",pointer:"pointer-3fNcCimp",pointerContainer:"pointerContainer-1T_sOwrr"}},lY1a:function(e,t,n){e.exports={saturation:"saturation-2SLmW8C-",pointer:"pointer-2fX2g8ap"}},uJfL:function(e,t,n){e.exports={container:"container-1-OmVBa-",form:"form-1PwJY7C7",swatch:"swatch-1yekatxU",inputWrap:"inputWrap-11zHN5-G",inputHash:"inputHash-2IZ-P-A4",input:"input-35LrVJJj",buttonWrap:"buttonWrap-37bmOXG9",hueSaturationWrap:"hueSaturationWrap-2qtz1WJa",saturation:"saturation-3duvfnxs",hue:"hue-31zIOKyJ"}},
|
|
z1Uu:function(e,t,n){e.exports={defaultSelect:"defaultSelect-2RDyqwu4"}}}]); |