polotno 2.4.12 → 2.4.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/package.json +1 -1
- package/polotno.bundle.js +1 -1
- package/toolbar/filters-picker.js +1 -1
package/package.json
CHANGED
package/polotno.bundle.js
CHANGED
|
@@ -149,7 +149,7 @@ For simpler debugging here is the log of the parent element:`,sE=(e,t,n,r,i,o)=>
|
|
|
149
149
|
.bp5-dark & .sketch-picker label {
|
|
150
150
|
color: #f5f8fa !important;
|
|
151
151
|
}
|
|
152
|
-
`,SX=({style:e,color:t,onChange:n,...r})=>{let[i,o]=l(v).useState(t);l(v).useEffect(()=>{o(t)},[t]);let a=l(v).useRef(),s=l(v).useRef();return(0,p.jsx)(SY,{style:e,onMouseDown:e=>{"INPUT"!==e.target.tagName&&e.preventDefault()},children:(0,p.jsx)(SW,{color:i,...r,onChange:e=>{let{r:t,g:r,b:i,a:l}=e.rgb,u=`rgba(${t},${r},${i},${l})`;o(u),s.current=u,a.current||(a.current=window.setTimeout(()=>{a.current=0,n(u)},50))}})})},SZ=e=>e.map(e=>`${e.color} ${100*e.offset}%`).join(","),SQ=({value:e,onChange:t,store:n,preset:r})=>{let{rotation:i,stops:o}=ia(e),a=l(v).useRef(o);a.current=o;let s=l(v).useRef(i);s.current=i;let[u,c]=l(v).useState(0),d=l(v).useRef(null),h=l(v).useRef(!1),f=()=>{h.current=!0};return l(v).useEffect(()=>{let e=e=>{if(h.current){let n=d.current.getBoundingClientRect(),r=e.clientX-n.left,i=r/n.width;if(o.length>2&&(i<-.5||i>1.5)){c(0),h.current=!1,a.current.splice(u,1),t(`linear-gradient(${s.current}deg, ${SZ(a.current)})`);return}let l=Math.min(1,Math.max(0,r/n.width)),f=[...a.current];f[u].offset=l,t(`linear-gradient(${s.current}deg, ${SZ(f)})`)}},n=()=>{h.current=!1};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",n),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",n)}},[u,a]),(0,p.jsxs)("div",{children:[(0,p.jsxs)("div",{style:{width:"calc(100% - 35px)",height:"60px",position:"relative"},children:[(0,p.jsx)("div",{ref:d,style:{position:"absolute",top:0,left:0,width:"100%",marginLeft:"15px",height:"100%",zIndex:0},onMouseDown:e=>{let n=e.currentTarget.getBoundingClientRect(),r=Math.min(1,Math.max(0,(e.clientX-n.left)/n.width)),a=o[0].color;o.push({color:a,offset:r}),o.sort((e,t)=>e.offset-t.offset),c(o.findIndex(e=>e.offset===r)),f(),t(`linear-gradient(${i}deg, ${SZ(o)})`)}}),o.map(({offset:e,color:t},n)=>(0,p.jsx)("div",{style:{position:"absolute",top:"10px",left:`${100*e}%`,border:n===u?"2px solid rgb(0, 161, 255)":"2px solid rgb(0, 0, 0, 0)",padding:"2px"},onMouseDown:e=>{e.stopPropagation(),c(n),f(e)},children:(0,p.jsx)(S0,{background:t,style:{margin:0}})},n))]}),(0,p.jsx)("div",{style:{width:"calc(100% - 30px)",height:"10px",marginLeft:"15px",background:`linear-gradient(90deg,${SZ(o)})`}}),(0,p.jsx)("div",{style:{padding:"10px"},children:(0,p.jsx)(vV,{min:0,max:360,value:i,showTrackFill:!1,labelRenderer:!1,onChange:e=>{t(`linear-gradient(${e}deg,${SZ(o)})`)}})}),(0,p.jsx)(SX,{color:o[u].color,presetColors:r,onChange:e=>{let n=[...o];n[u].color=e,t(`linear-gradient(${i}deg, ${SZ(n)})`)}})]})},SJ=({value:e,onChange:t,preset:n,store:r})=>{let[i,o]=l(v).useState(ii(e)?"gradient":"solid");return(0,p.jsx)("div",{style:{padding:"5px"},children:(0,p.jsxs)(y5,{id:"TabsExample",selectedTabId:i,onChange:e=>o(e),children:[(0,p.jsx)(yY,{id:"solid",title:"Solid",panel:(0,p.jsx)(SX,{color:e,onChange:t,presetColors:n,style:{padding:"0"}})}),(0,p.jsx)(yY,{id:"gradient",title:"Linear",panel:(0,p.jsx)(SQ,{value:e,onChange:t,store:r,preset:n}),panelClassName:"ember-panel"})]})})},S0=({size:e=30,background:t,style:n={},children:r=null,...i})=>(0,p.jsx)("div",{onMouseDown:e=>e.preventDefault(),style:{width:e+"px",height:e+"px",background:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 8 8'%3E%3Cg fill='rgba(112, 112, 116, 1)' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\")",borderRadius:"2px",boxShadow:"0 0 2px grey",marginBottom:"-4px",...n},...i,children:(0,p.jsx)("div",{style:{width:e+"px",height:e+"px",background:t},children:r})}),S1=e=>{let t=SK(e).slice(0,8).filter(e=>!S$.find(t=>i0(t,e)));return t.concat(S$.slice(0,16-t.length).reverse())},S2=({value:e,onChange:t,size:n,store:r,gradientEnabled:i,children:o,style:a})=>{let l=S1(r);return(0,p.jsx)(mK,{autoFocus:!1,enforceFocus:!0,interactionKind:"click",hasBackdrop:!0,content:i?(0,p.jsx)(SJ,{preset:l,value:e,onChange:t,store:r}):(0,p.jsx)("div",{style:{padding:"5px"},children:(0,p.jsx)(SX,{color:e,onChange:t,presetColors:l})}),children:(0,p.jsx)(S0,{size:n,background:e,style:a,children:o})})};var v=h("8NFma"),sP=h("gztBd"),v=h("8NFma"),S3=v.forwardRef(function(e,t){var n,r=e.alignIndicator,i=e.children,o=e.className,a=e.indicatorChildren,s=e.inline,u=e.inputRef,c=e.label,d=e.labelElement,h=e.large,f=e.style,p=e.type,g=e.typeClassName,m=e.tagName,y=(0,sP.__rest)(e,["alignIndicator","children","className","indicatorChildren","inline","inputRef","label","labelElement","large","style","type","typeClassName","tagName"]),b=l(sT)(sA.CONTROL,g,((n={})[sA.DISABLED]=y.disabled,n[sA.INLINE]=s,n[sA.LARGE]=h,n),sA.alignmentClass(r),o);return v.createElement(void 0===m?"label":m,{className:b,style:f,ref:t},v.createElement("input",(0,sP.__assign)({},y,{ref:u,type:p})),v.createElement("span",{className:sA.CONTROL_INDICATOR},a),c,d,i)});S3.displayName="".concat(px,".Control");var S5=v.forwardRef(function(e,t){var n=e.innerLabelChecked,r=e.innerLabel,i=(0,sP.__rest)(e,["innerLabelChecked","innerLabel"]),o=r||n?[v.createElement("div",{key:"checked",className:sA.CONTROL_INDICATOR_CHILD},v.createElement("div",{className:sA.SWITCH_INNER_TEXT},n||r)),v.createElement("div",{key:"unchecked",className:sA.CONTROL_INDICATOR_CHILD},v.createElement("div",{className:sA.SWITCH_INNER_TEXT},r))]:null;return v.createElement(S3,(0,sP.__assign)({},i,{indicatorChildren:o,ref:t,type:"checkbox",typeClassName:sA.SWITCH}))});S5.displayName="".concat(px,".Switch"),v.forwardRef(function(e,t){return v.createElement(S3,(0,sP.__assign)({},e,{ref:t,type:"radio",typeClassName:sA.RADIO}))}).displayName="".concat(px,".Radio"),v.forwardRef(function(e,t){var n=e.defaultIndeterminate,r=e.indeterminate,i=e.onChange,o=(0,sP.__rest)(e,["defaultIndeterminate","indeterminate","onChange"]),a=v.useState(r||n||!1),l=a[0],s=a[1],u=v.useRef(null),c=void 0===e.inputRef?u:py(e.inputRef,u),d=v.useCallback(function(e){void 0===r&&s(e.target.indeterminate),null==i||i(e)},[r,i]);return v.useEffect(function(){void 0!==r&&s(r)},[r]),v.useEffect(function(){null!=u.current&&(u.current.indeterminate=l)},[u,l]),v.createElement(S3,(0,sP.__assign)({},o,{inputRef:c,onChange:d,ref:t,type:"checkbox",typeClassName:sA.CHECKBOX}))}).displayName="".concat(px,".Checkbox");let S6=(e,t,n)=>Math.max(t,Math.min(n,e)),S4=({value:e,onValueChange:t,...n})=>{let[r,i]=l(v).useState(e.toString());return l(v).useEffect(()=>{i(e.toString())},[e]),(0,p.jsx)(vj,{value:r,onValueChange:(e,n)=>{i(n),Number.isNaN(e)||t(e)},...n})},S8=({label:e,enabled:t,visible:n=!0,onEnabledChange:r,numberValue:i,onNumberValueChange:o,min:a,max:l})=>n?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(S5,{checked:t,label:e,onChange:e=>{r(e.target.checked)},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),t&&(0,p.jsxs)("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"},children:[(0,p.jsx)("div",{style:{paddingTop:"7px"},children:(0,p.jsx)(vV,{value:i,onChange:e=>{o(e)},min:a,max:l,labelStepSize:50,showTrackFill:!1,labelRenderer:!1})}),(0,p.jsx)(vj,{value:i,onValueChange:e=>{o(S6(e,a,l))},buttonPosition:"none",style:{width:"45px",padding:"0 5px",marginLeft:"10px"},min:a,max:l})]})]}):null,S9=P(({element:e,store:t,elements:n})=>{let r=n||[e],i=r[0],o="text"===i.type,a="image"===i.type,s="svg"===i.type,u=a||s,c=e=>{t.history.transaction(()=>{r.forEach(t=>{t.set(e)})})};return(0,p.jsx)(mK,{content:(0,p.jsxs)("div",{style:{padding:"15px",paddingTop:"15px",width:"230px",maxHeight:"calc(100vh - 150px)",overflow:"auto"},children:[(0,p.jsx)(S8,{label:sw("toolbar.blur"),enabled:i.blurEnabled,visible:u||o,onEnabledChange:e=>{c({blurEnabled:e})},numberValue:100*i.opacity,onNumberValueChange:e=>{c({opacity:e/100})},min:0,max:100}),(0,p.jsx)(S8,{label:sw("toolbar.brightness"),visible:u,enabled:i.brightnessEnabled,onEnabledChange:e=>{c({brightnessEnabled:e})},numberValue:100*i.brightness+100,onNumberValueChange:e=>{c({brightness:(e-100)/100})},min:0,max:200}),u&&(0,p.jsx)(S5,{checked:i.sepiaEnabled,label:sw("toolbar.sepia"),onChange:e=>{c({sepiaEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),u&&(0,p.jsx)(S5,{checked:i.grayscaleEnabled,label:sw("toolbar.grayscale"),onChange:e=>{c({grayscaleEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),o&&(0,p.jsx)(S5,{checked:!!i.strokeWidth,label:sw("toolbar.textStroke"),onChange:e=>{c({strokeWidth:e.target.checked?2:0})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),o&&!!i.strokeWidth&&(0,p.jsx)(l(v).Fragment,{children:(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,p.jsx)(S2,{value:i.stroke,size:30,onChange:e=>{c({stroke:e})},store:t}),(0,p.jsx)(vj,{defaultValue:i.strokeWidth,onValueChange:e=>{c({strokeWidth:S6(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(i.fontSize/2)})]})}),o&&(0,p.jsx)(S5,{checked:!!i.backgroundEnabled,label:sw("toolbar.textBackground"),onChange:e=>{c({backgroundEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),!!i.backgroundEnabled&&(0,p.jsxs)(l(v).Fragment,{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.backgroundCornerRadius")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:100*i.backgroundCornerRadius,onValueChange:e=>{c({backgroundCornerRadius:S6(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:100*i.backgroundCornerRadius,onChange:e=>{c({backgroundCornerRadius:S6(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.backgroundPadding")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:Math.round(100*i.backgroundPadding),onValueChange:e=>{c({backgroundPadding:S6(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:Math.round(100*i.backgroundPadding),onChange:e=>{c({backgroundPadding:S6(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.opacity")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:Math.round(100*i.backgroundOpacity),onValueChange:e=>{c({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:100*i.backgroundOpacity,onChange:e=>{c({backgroundOpacity:e/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{style:{lineHeight:"30px"},children:sw("toolbar.color")}),(0,p.jsx)(S2,{value:i.backgroundColor,size:30,onChange:e=>{c({backgroundColor:e})},store:t})]})]}),u&&(0,p.jsx)(S5,{checked:!!i.borderSize,label:sw("toolbar.border"),onChange:e=>{c({borderSize:e.target.checked?2:0})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),!!i.borderSize&&(0,p.jsx)(l(v).Fragment,{children:(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,p.jsx)(S2,{value:i.borderColor,size:30,onChange:e=>{c({borderColor:e})},store:t}),(0,p.jsx)(vj,{defaultValue:i.borderSize,onValueChange:e=>{c({borderSize:S6(e,1,Math.min(i.width,i.height)/2)})},style:{width:"80px"},min:1,max:Math.min(i.width,i.height)/2})]})}),u&&(0,p.jsx)(S5,{checked:!!i.cornerRadius,label:sw("toolbar.cornerRadius"),onChange:e=>{c({cornerRadius:e.target.checked?Math.min(i.width/4,i.height/4):0})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),u&&!!i.cornerRadius&&(0,p.jsxs)("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"},children:[(0,p.jsx)("div",{style:{width:"150px",paddingTop:"7px"},children:(0,p.jsx)(vV,{value:Math.min(i.cornerRadius,Math.round(Math.min(i.width/2,i.height/2))),onChange:e=>{c({cornerRadius:e})},min:1,max:Math.round(Math.min(i.width/2,i.height/2)),labelStepSize:50,showTrackFill:!1,labelRenderer:!1})}),(0,p.jsx)(vj,{value:i.cornerRadius,onValueChange:e=>{c({cornerRadius:S6(e,1,Math.min(i.width,i.height)/2)})},buttonPosition:"none",style:{width:"45px",padding:"0 5px"},min:1,max:Math.round(Math.min(i.width/2,i.height/2))})]}),(0,p.jsx)(S5,{checked:i.shadowEnabled,label:sw("toolbar.shadow"),onChange:e=>{c({shadowEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),i.shadowEnabled&&(0,p.jsxs)(l(v).Fragment,{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.blur")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:i.shadowBlur,onValueChange:e=>{c({shadowBlur:S6(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:i.shadowBlur,onChange:e=>{c({shadowBlur:e})},min:0,max:50,showTrackFill:!1,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.offsetX")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:i.shadowOffsetX,onValueChange:e=>{c({shadowOffsetX:S6(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:i.shadowOffsetX,onChange:e=>{c({shadowOffsetX:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.offsetY")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:i.shadowOffsetY,onValueChange:e=>{c({shadowOffsetY:S6(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:i.shadowOffsetY,onChange:e=>{c({shadowOffsetY:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.opacity")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:Math.round(100*i.shadowOpacity),onValueChange:e=>{c({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:100*i.shadowOpacity,onChange:e=>{c({shadowOpacity:e/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{style:{lineHeight:"30px"},children:sw("toolbar.color")}),(0,p.jsx)(S2,{value:i.shadowColor,size:30,onChange:e=>{c({shadowColor:e})},store:t})]})]})]}),position:sI.BOTTOM,children:(0,p.jsx)(pG,{icon:"left-join",text:sw("toolbar.effects"),minimal:!0})})});var v=h("8NFma"),sP=h("gztBd"),v=h("8NFma");(PZ=Tt||(Tt={})).MENU="menu",PZ.LISTBOX="listbox",PZ.TREE="tree",PZ.GRID="grid",PZ.DIALOG="dialog";var sP=h("gztBd"),v=h("8NFma"),pR=h("leH9B"),S7=v.forwardRef(function(e,t){var n=e.size>=pR.IconSize.LARGE,r=n?pR.IconSize.LARGE:pR.IconSize.STANDARD,i="".concat(-1*r/.05/2);return v.createElement(pF,(0,sP.__assign)({iconName:"cross",ref:t},e),v.createElement("path",{d:n?"M228.2 200L314 285.8C317.8 289.4 320 294.4 320 300C320 311 311 320 300 320C294.4000000000001 320 289.4000000000001 317.8 285.8 314.2L200 228.2L114.2 314.2C110.6 317.8 105.6 320 100 320C89 320 80 311 80 300C80 294.4 82.2 289.4 85.8 285.8L171.8 200L86 114.2000000000001C82.2 110.6 80 105.6 80 100C80 89 89 80 100 80C105.6 80 110.6 82.2 114.2 85.8L200 171.8L285.8 86C289.4000000000001 82.2 294.4000000000001 80 300 80C311 80 320 89 320 100C320 105.6 317.8 110.6 314.2000000000001 114.2000000000001L228.2 200z":"M188.2 160L254 225.8C257.8 229.4 260 234.4 260 240C260 251 251 260 240 260C234.4 260 229.4 257.8 225.8 254.2L160 188.2L94.2 254.2C90.6 257.8 85.6 260 80 260C69 260 60 251 60 240C60 234.4 62.2 229.4 65.8 225.8L131.8 160L66 94.2C62.2 90.6 60 85.6 60 80C60 69 69 60 80 60C85.6 60 90.6 62.2 94.2 65.8L160 131.8L225.8 66C229.4 62.2 234.4 60 240 60C251 60 260 69 260 80C260 85.6 257.8 90.6 254.2 94.2L188.2 160z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});S7.defaultProps={size:pR.IconSize.STANDARD},S7.displayName="Blueprint5.Icon.Cross";var sP=h("gztBd"),v=h("8NFma"),pR=h("leH9B"),Ce=v.forwardRef(function(e,t){var n=e.size>=pR.IconSize.LARGE,r=n?pR.IconSize.LARGE:pR.IconSize.STANDARD,i="".concat(-1*r/.05/2);return v.createElement(pF,(0,sP.__assign)({iconName:"search",ref:t},e),v.createElement("path",{d:n?"M391.2 51.2L292.4 150C309.8 175.8 320 206.6 320 240C320 328.4 248.4 400 160 400S0 328.4 0 240S71.6 80 160 80C193.4 80 224.2 90.2 250 107.6L348.8 8.8C354.2000000000001 3.4 361.8 0 370 0C386.6 0 400 13.4 400 30C400 38.2 396.6 45.8 391.2 51.2zM160 120C93.8 120 40 173.8 40 240S93.8 360 160 360S280 306.2000000000001 280 240S226.2 120 160 120z":"M311 51.4L257.6 105C271.6 126.8 279.8 152.6 279.8 180.2C279.8 257.6 217.2 320.2 139.8 320.2S-0.2 257.6 -0.2 180.2S62.4 40.2 139.8 40.2C167.6 40.2 193.4 48.6 215 62.4L268.6 9C274 3.6 281.6 0.2 289.8 0.2C306.4 0.2 319.8 13.6 319.8 30.2C319.8 38.4 316.4 46 311 51.4zM139.8 80.2C84.6 80.2 39.8 125 39.8 180.2S84.6 280.2 139.8 280.2S239.8 235.4 239.8 180.2S195 80.2 139.8 80.2z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});Ce.defaultProps={size:pR.IconSize.STANDARD},Ce.displayName="Blueprint5.Icon.Search";var Ct={};i(Ct,"MULTISELECT",()=>Cr),i(Ct,"MULTISELECT_POPOVER",()=>Ci),i(Ct,"MULTISELECT_TAG_INPUT_INPUT",()=>Co),i(Ct,"OMNIBAR",()=>Ca),i(Ct,"OMNIBAR_OVERLAY",()=>Cl),i(Ct,"SELECT_POPOVER",()=>Cs),i(Ct,"SUGGEST_POPOVER",()=>Cu);var Cn=sA.getClassNamespace(),Cr="".concat(Cn,"-multi-select"),Ci="".concat(Cr,"-popover"),Co="".concat(Cr,"-tag-input-input"),Ca="".concat(Cn,"-omnibar"),Cl="".concat(Ca,"-overlay"),Cs="".concat(Cn,"-select-popover"),Cu="".concat(Cn,"-suggest-popover"),sP=h("gztBd"),v=h("8NFma"),sP=h("gztBd"),v=h("8NFma");function Cc(e,t,n){return void 0===e||null==t||null==n?t===n:fl.isFunction(e)?e(t,n):t[e]===n[e]}function Cd(){return{__blueprintCreateNewItemBrand:"blueprint-create-new-item"}}function Ch(e){if(null==e)return!1;var t=Object.keys(e);return 1===t.length&&"__blueprintCreateNewItemBrand"===t[0]&&"blueprint-create-new-item"===e.__blueprintCreateNewItemBrand}function Cf(e){return null==e||Ch(e)?null:e}var Cp=function(e){function t(t){var n,r,i=e.call(this,t)||this;i.itemRefs=new Map,i.refHandlers={itemsParent:function(e){return i.itemsParentRef=e}},i.shouldCheckActiveItemInViewport=!1,i.expectedNextActiveItem=null,i.isEnterKeyPressed=!1,i.renderItemList=function(e){var t=i.props,n=t.initialContent,r=t.noResults,o=e.renderCreateItem(),a=function(e,t,n){if(0===e.query.length&&void 0!==n)return n;var r=e.filteredItems.map(e.renderItem).filter(function(e){return null!=e});return r.length>0?r:t}(e,null!=o?null:r,n);if(null==a&&null==o)return null;var l=i.isCreateItemFirst();return v.createElement(vi,(0,sP.__assign)({role:"listbox"},e.menuProps,{ulRef:e.itemsParentRef}),l&&o,a,!l&&o)},i.renderItem=function(e,t){if(!0!==i.props.disabled){var n=i.state,r=n.activeItem,o=n.query,a=n.filteredItems,l={active:Cc(i.props.itemsEqual,Cf(r),e),disabled:Cv(e,t,i.props.itemDisabled),matchesPredicate:a.indexOf(e)>=0};return i.props.itemRenderer(e,{handleClick:function(t){return i.handleItemSelect(e,t)},handleFocus:function(){return i.setActiveItem(e)},index:t,modifiers:l,query:o,ref:function(e){e?i.itemRefs.set(t,e):i.itemRefs.delete(t)}})}return null},i.renderCreateItemMenuItem=function(){if(i.isCreateItemRendered(i.state.createNewItem)){var e=i.state,t=e.activeItem,n=e.query.trim(),r=Ch(t);return i.props.createNewItemRenderer(n,r,function(e){i.handleItemCreate(n,e)})}return null},i.handleItemCreate=function(e,t){var n,r,o,a,l=null===(r=(n=i.props).createNewItemFromQuery)||void 0===r?void 0:r.call(n,e);if(null!=l){for(var s=Array.isArray(l)?l:[l],u=0;u<s.length;u++){var c=s[u];null===(a=(o=i.props).onItemSelect)||void 0===a||a.call(o,c,t)}i.maybeResetQuery()}},i.handleItemSelect=function(e,t){var n,r;i.setActiveItem(e),null===(r=(n=i.props).onItemSelect)||void 0===r||r.call(n,e,t),i.maybeResetQuery()},i.handlePaste=function(e){for(var t,n=i.props,r=n.createNewItemFromQuery,o=n.onItemsPaste,a=[],l=[],s=0;s<e.length;s++){var u=e[s],c=function(e,t){var n=t.items,r=t.itemPredicate;if(fl.isFunction(r))for(var i=0;i<n.length;i++){var o=n[i];if(r(e,o,i,!0))return o}}(u,i.props);if(void 0!==c)t=c,l.push(c);else if(i.canCreateItems()){var d=null==r?void 0:r(u);if(void 0!==d){var h=Array.isArray(d)?d:[d];l.push.apply(l,h)}}else a.push(u)}i.setQuery(a.join(", "),!1),void 0!==t&&i.setActiveItem(t),null==o||o(l)},i.handleKeyDown=function(e){var t,n,r=e.key;if("ArrowUp"===r||"ArrowDown"===r){e.preventDefault();var o=i.getNextActiveItem("ArrowUp"===r?-1:1);null!=o&&i.setActiveItem(o)}else"Enter"===r&&(i.isEnterKeyPressed=!0);null===(n=(t=i.props).onKeyDown)||void 0===n||n.call(t,e)},i.handleKeyUp=function(e){var t=i.props.onKeyUp,n=i.state.activeItem;"Enter"===e.key&&i.isEnterKeyPressed&&(e.preventDefault(),null==n||Ch(n)?i.handleItemCreate(i.state.query,e):i.handleItemSelect(n,e),i.isEnterKeyPressed=!1),null==t||t(e)},i.handleInputQueryChange=function(e){var t,n,r=null==e?"":e.target.value;i.setQuery(r),null===(n=(t=i.props).onQueryChange)||void 0===n||n.call(t,r,e)};var o=t.query,a=void 0===o?"":o,l=null===(n=t.createNewItemFromQuery)||void 0===n?void 0:n.call(t,a),s=Cm(a,t);return i.state={activeItem:void 0!==t.activeItem?t.activeItem:null!==(r=t.initialActiveItem)&&void 0!==r?r:Cy(s,t.itemDisabled),createNewItem:l,filteredItems:s,query:a},i}return(0,sP.__extends)(t,e),t.ofType=function(){return t},t.prototype.render=function(){var e=this.props,t=e.className,n=e.items,r=e.renderer,i=e.itemListRenderer,o=void 0===i?this.renderItemList:i,a=e.menuProps,l=this.state,s=(l.createNewItem,(0,sP.__rest)(l,["createNewItem"]));return r((0,sP.__assign)((0,sP.__assign)({},s),{className:t,handleItemSelect:this.handleItemSelect,handleKeyDown:this.handleKeyDown,handleKeyUp:this.handleKeyUp,handlePaste:this.handlePaste,handleQueryChange:this.handleInputQueryChange,itemList:o((0,sP.__assign)((0,sP.__assign)({},s),{items:n,itemsParentRef:this.refHandlers.itemsParent,menuProps:a,renderCreateItem:this.renderCreateItemMenuItem,renderItem:this.renderItem}))}))},t.prototype.componentDidUpdate=function(e){var t=this;void 0!==this.props.activeItem&&this.props.activeItem!==this.state.activeItem&&(this.shouldCheckActiveItemInViewport=!0,this.setState({activeItem:this.props.activeItem})),null!=this.props.query&&this.props.query!==e.query?this.setQuery(this.props.query,this.props.resetOnQuery,this.props):fl.shallowCompareKeys(this.props,e,{include:["items","itemListPredicate","itemPredicate"]})||this.setQuery(this.state.query),this.shouldCheckActiveItemInViewport&&(this.requestAnimationFrame(function(){return t.scrollActiveItemIntoView()}),this.shouldCheckActiveItemInViewport=!1)},t.prototype.scrollActiveItemIntoView=function(){var e=!1!==this.props.scrollToActiveItem,t=!Cc(this.props.itemsEqual,Cf(this.expectedNextActiveItem),Cf(this.props.activeItem));if(this.expectedNextActiveItem=null,e||!t){var n=this.getActiveElement();if(null!=this.itemsParentRef&&null!=n){var r=n.offsetTop,i=n.offsetHeight,o=this.itemsParentRef,a=o.offsetTop,l=o.scrollTop,s=o.clientHeight,u=this.getItemsParentPadding(),c=u.paddingTop,d=r+i+u.paddingBottom-a,h=r-c-a;d>=l+s?this.itemsParentRef.scrollTop=d+i-s:h<=l&&(this.itemsParentRef.scrollTop=h-i)}}},t.prototype.setQuery=function(e,t,n){void 0===t&&(t=this.props.resetOnQuery),void 0===n&&(n=this.props);var r,i=n.createNewItemFromQuery;this.shouldCheckActiveItemInViewport=!0,e!==this.state.query&&(null===(r=n.onQueryChange)||void 0===r||r.call(n,e));var o=e.trim(),a=Cm(o,n),l=null!=i&&""!==o?i(o):void 0;this.setState({createNewItem:l,filteredItems:a,query:e});var s=this.getActiveIndex(a);(t||s<0||Cv(Cf(this.state.activeItem),s,n.itemDisabled))&&(this.isCreateItemRendered(l)&&this.isCreateItemFirst()?this.setActiveItem(Cd()):this.setActiveItem(Cy(a,n.itemDisabled)))},t.prototype.setActiveItem=function(e){var t,n,r,i;this.expectedNextActiveItem=e,void 0===this.props.activeItem&&(this.shouldCheckActiveItemInViewport=!0,this.setState({activeItem:e})),Ch(e)?null===(n=(t=this.props).onActiveItemChange)||void 0===n||n.call(t,null,!0):null===(i=(r=this.props).onActiveItemChange)||void 0===i||i.call(r,e,!1)},t.prototype.getActiveElement=function(){var e,t=this.state.activeItem;if(null!=this.itemsParentRef){if(Ch(t)){var n=this.isCreateItemFirst()?0:this.state.filteredItems.length;return this.itemsParentRef.children.item(n)}var r=this.getActiveIndex();return null!==(e=this.itemRefs.get(r))&&void 0!==e?e:this.itemsParentRef.children.item(r)}},t.prototype.getActiveIndex=function(e){void 0===e&&(e=this.state.filteredItems);var t=this.state.activeItem;if(null==t||Ch(t))return -1;for(var n=0;n<e.length;++n)if(Cc(this.props.itemsEqual,e[n],t))return n;return -1},t.prototype.getItemsParentPadding=function(){var e=getComputedStyle(this.itemsParentRef),t=e.paddingTop;return{paddingBottom:Cg(e.paddingBottom),paddingTop:Cg(t)}},t.prototype.getNextActiveItem=function(e,t){return(void 0===t&&(t=this.getActiveIndex()),this.isCreateItemRendered(this.state.createNewItem)&&(0===t&&-1===e||t===this.state.filteredItems.length-1&&1===e))?Cd():Cy(this.state.filteredItems,this.props.itemDisabled,e,t)},t.prototype.isCreateItemRendered=function(e){return this.canCreateItems()&&""!==this.state.query&&!this.wouldCreatedItemMatchSomeExistingItem(e)},t.prototype.isCreateItemFirst=function(){return"first"===this.props.createNewItemPosition},t.prototype.canCreateItems=function(){return null!=this.props.createNewItemFromQuery&&null!=this.props.createNewItemRenderer},t.prototype.wouldCreatedItemMatchSomeExistingItem=function(e){var t=this;return this.state.filteredItems.some(function(n){return(Array.isArray(e)?e:[e]).some(function(e){return Cc(t.props.itemsEqual,n,e)})})},t.prototype.maybeResetQuery=function(){this.props.resetOnSelect&&this.setQuery("",!0)},t.displayName="".concat(px,".QueryList"),t.defaultProps={disabled:!1,resetOnQuery:!0},t}(function(e){function t(t){var n=e.call(this,t)||this;return n.timeoutIds=[],n.requestIds=[],n.clearTimeouts=function(){if(n.timeoutIds.length>0){for(var e=0,t=n.timeoutIds;e<t.length;e++){var r=t[e];window.clearTimeout(r)}n.timeoutIds=[]}},n.cancelAnimationFrames=function(){if(n.requestIds.length>0){for(var e=0,t=n.requestIds;e<t.length;e++){var r=t[e];window.cancelAnimationFrame(r)}n.requestIds=[]}},f7("production")||n.validateProps(n.props),n}return(0,sP.__extends)(t,e),t.prototype.componentDidUpdate=function(e,t,n){f7("production")||this.validateProps(this.props)},t.prototype.componentWillUnmount=function(){this.clearTimeouts(),this.cancelAnimationFrames()},t.prototype.requestAnimationFrame=function(e){var t=window.requestAnimationFrame(e);return this.requestIds.push(t),function(){return window.cancelAnimationFrame(t)}},t.prototype.setTimeout=function(e,t){var n=window.setTimeout(e,t);return this.timeoutIds.push(n),function(){return window.clearTimeout(n)}},t.prototype.validateProps=function(e){},t}(v.Component));function Cg(e){return null==e?0:parseInt(e.slice(0,-2),10)}function Cm(e,t){var n=t.items,r=t.itemPredicate,i=t.itemListPredicate;return fl.isFunction(i)?i(e,n):fl.isFunction(r)?n.filter(function(t,n){return r(e,t,n)}):n}function Cv(e,t,n){return null!=n&&null!=e&&(fl.isFunction(n)?n(e,t):!!e[n])}function Cy(e,t,n,r){if(void 0===n&&(n=1),void 0===r&&(r=e.length-1),0===e.length)return null;var i,o=r,a=e.length-1;do if(!Cv(e[o=(i=o+n)<0?a:i>a?0:i],o,t))return e[o];while(o!==r&&-1!==r)return null}var Cb=function(e){function t(){var t,n=e.apply(this,arguments)||this;return n.state={isOpen:!1},n.inputElement=null,n.queryList=null,n.handleInputRef=pw(n,"inputElement",null===(t=n.props.inputProps)||void 0===t?void 0:t.inputRef),n.handleQueryListRef=function(e){return n.queryList=e},n.listboxId=fl.uniqueId("listbox"),n.renderQueryList=function(e){var t=n.props,r=t.filterable,i=t.disabled,o=t.inputProps,a=t.popoverContentProps,s=t.popoverProps,u=void 0===s?{}:s,c=t.popoverRef,d=v.createElement(v_,(0,sP.__assign)({"aria-autocomplete":"list",leftIcon:v.createElement(Ce,null),placeholder:"Filter...",rightElement:n.maybeRenderClearButton(e.query)},void 0===o?{}:o,{inputRef:n.handleInputRef,onChange:e.handleQueryChange,value:e.query})),h=e.handleKeyDown,f=e.handleKeyUp;return v.createElement(mK,(0,sP.__assign)({autoFocus:!1,enforceFocus:!1,isOpen:n.state.isOpen,disabled:void 0!==i&&i,placement:u.position||u.placement?void 0:"bottom-start"},u,{className:l(sT)(e.className,u.className),content:v.createElement("div",(0,sP.__assign)({},void 0===a?{}:a,{onKeyDown:h,onKeyUp:f}),void 0===r||r?d:void 0,e.itemList),onClosing:n.handlePopoverClosing,onInteraction:n.handlePopoverInteraction,onOpened:n.handlePopoverOpened,onOpening:n.handlePopoverOpening,popoverClassName:l(sT)(Ct.SELECT_POPOVER,u.popoverClassName),popupKind:Tt.LISTBOX,ref:c,renderTarget:n.getPopoverTargetRenderer(e,n.state.isOpen)}))},n.getPopoverTargetRenderer=function(e,t){return function(r){r.isOpen;var i,o=r.ref,a=(0,sP.__rest)(r,["isOpen","ref"]),s=n.props,u=s.disabled,c=s.popoverProps,d=s.popoverTargetProps,h=e.handleKeyDown,f=e.handleKeyUp,p=(void 0===c?{}:c).targetTagName;return v.createElement(void 0===p?"div":p,(0,sP.__assign)((0,sP.__assign)((0,sP.__assign)({"aria-controls":n.listboxId},d),a),{"aria-disabled":u,"aria-expanded":t,className:l(sT)(a.className,null==d?void 0:d.className,((i={})[sA.FILL]=n.props.fill,i)),onKeyDown:n.withPopoverTargetPropsHandler("keydown",t?h:n.handleTargetKeyDown),onKeyUp:n.withPopoverTargetPropsHandler("keyup",t?f:void 0),ref:o,role:"combobox"}),n.props.children)}},n.withPopoverTargetPropsHandler=function(e,t){switch(e){case"keydown":return function(e){var r,i;null==t||t(e),null===(i=null===(r=n.props.popoverTargetProps)||void 0===r?void 0:r.onKeyDown)||void 0===i||i.call(r,e)};case"keyup":return function(e){var r,i;null==t||t(e),null===(i=null===(r=n.props.popoverTargetProps)||void 0===r?void 0:r.onKeyUp)||void 0===i||i.call(r,e)}}},n.handleTargetKeyDown=function(e){"ArrowUp"===e.key||"ArrowDown"===e.key?(e.preventDefault(),n.setState({isOpen:!0})):fl.isKeyboardClick(e)&&n.setState({isOpen:!0})},n.handleItemSelect=function(e,t){var r,i,o=null==t?void 0:t.target,a=null==o?void 0:o.closest(".".concat(sA.MENU_ITEM)),l=null==a?void 0:a.matches(".".concat(sA.POPOVER_DISMISS));n.setState({isOpen:!(null==l||l)}),null===(i=(r=n.props).onItemSelect)||void 0===i||i.call(r,e,t)},n.handlePopoverInteraction=function(e,t){var r,i;n.setState({isOpen:e}),null===(i=null===(r=n.props.popoverProps)||void 0===r?void 0:r.onInteraction)||void 0===i||i.call(r,e,t)},n.handlePopoverOpening=function(e){var t,r,i;n.previousFocusedElement=null!==(t=fl.getActiveElement(n.inputElement))&&void 0!==t?t:void 0,n.props.resetOnClose&&n.resetQuery(),null===(i=null===(r=n.props.popoverProps)||void 0===r?void 0:r.onOpening)||void 0===i||i.call(r,e)},n.handlePopoverOpened=function(e){var t,r;null!=n.queryList&&n.queryList.scrollActiveItemIntoView(),n.requestAnimationFrame(function(){var e,t=n.props.inputProps;!1!==(void 0===t?{}:t).autoFocus&&(null===(e=n.inputElement)||void 0===e||e.focus())}),null===(r=null===(t=n.props.popoverProps)||void 0===t?void 0:t.onOpened)||void 0===r||r.call(t,e)},n.handlePopoverClosing=function(e){var t,r;n.requestAnimationFrame(function(){void 0!==n.previousFocusedElement&&(n.previousFocusedElement.focus(),n.previousFocusedElement=void 0)}),null===(r=null===(t=n.props.popoverProps)||void 0===t?void 0:t.onClosing)||void 0===r||r.call(t,e)},n.resetQuery=function(){return n.queryList&&n.queryList.setQuery("",!0)},n}return(0,sP.__extends)(t,e),t.ofType=function(){return t},t.prototype.render=function(){var e=this.props,t=(e.filterable,e.inputProps,e.menuProps),n=(e.popoverProps,(0,sP.__rest)(e,["filterable","inputProps","menuProps","popoverProps"]));return v.createElement(Cp,(0,sP.__assign)({},n,{menuProps:(0,sP.__assign)((0,sP.__assign)({"aria-label":"selectable options"},t),{id:this.listboxId}),onItemSelect:this.handleItemSelect,ref:this.handleQueryListRef,renderer:this.renderQueryList}))},t.prototype.componentDidUpdate=function(e,t){var n,r,i,o,a;(null===(n=e.inputProps)||void 0===n?void 0:n.inputRef)!==(null===(r=this.props.inputProps)||void 0===r?void 0:r.inputRef)&&(pv(null===(i=e.inputProps)||void 0===i?void 0:i.inputRef,null),this.handleInputRef=pw(this,"inputElement",null===(o=this.props.inputProps)||void 0===o?void 0:o.inputRef),pv(null===(a=this.props.inputProps)||void 0===a?void 0:a.inputRef,this.inputElement)),this.state.isOpen&&!t.isOpen&&null!=this.queryList&&this.queryList.scrollActiveItemIntoView()},t.prototype.maybeRenderClearButton=function(e){return e.length>0?v.createElement(pG,{"aria-label":"Clear filter query",icon:v.createElement(S7,null),minimal:!0,onClick:this.resetQuery,title:"Clear filter query"}):void 0},t.displayName="".concat(px,".Select"),t}(pB);let Cw=({value:e,onValueChange:t,...n})=>{let[r,i]=l(v).useState(e.toString());return l(v).useEffect(()=>{i(e.toString())},[e]),(0,p.jsx)(vj,{value:r,onValueChange:(e,n)=>{i(n),Number.isNaN(e)||t(e)},...n})},Cx=P(({element:e,store:t,enabled:n})=>{let r=e.animations.find(e=>"enter"===e.type),i=e.animations.find(e=>"exit"===e.type);return n?(0,p.jsxs)(vb,{style:{width:"100%"},children:[(0,p.jsx)(pG,{fill:!0,active:r?.enabled&&!i?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!0}),e.setAnimation("exit",{enabled:!1})})},children:"Enter"}),(0,p.jsx)(pG,{fill:!0,active:r?.enabled&&i?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!0}),e.setAnimation("exit",{enabled:!0})})},children:"Both"}),(0,p.jsx)(pG,{fill:!0,active:i?.enabled&&!r?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!1}),e.setAnimation("exit",{enabled:!0})})},children:"Exit"})]}):null}),C_=(e,{handleClick:t,handleFocus:n,modifiers:r,query:i})=>r.matchesPredicate?(0,p.jsx)(vc,{active:r.active,disabled:r.disabled,onClick:t,icon:"arrow-"+e,onFocus:n,roleStructure:"listoption",text:e,shouldDismissPopover:!1},e):null,CE=["right","left","up","down","bottom-right","bottom-left","top-right","top-left"],CS=P(({value:e,onChange:t})=>(0,p.jsx)("div",{style:{paddingTop:"10px"},children:(0,p.jsx)(Cb,{items:CE,itemRenderer:C_,filterable:!1,activeItem:e,onItemSelect:e=>{t(e)},children:(0,p.jsx)(pG,{text:e,icon:"arrow-"+e,fill:!0})})})),CC=P(({element:e,store:t})=>{let n=e.animations.find(e=>"enter"===e.type);return(0,p.jsxs)("div",{style:{padding:"10px"},children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:"Delay"}),(0,p.jsx)("div",{children:(0,p.jsx)(Cw,{value:parseFloat((n.delay/1e3).toFixed(2)),onValueChange:t=>{e.setAnimation("enter",{delay:1e3*t})},style:{width:"50px"},minorStepSize:.01,stepSize:.01,min:0,max:2.5,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{min:0,max:1e3,value:n.delay,showTrackFill:!1,labelRenderer:!1,onChange:t=>{e.setAnimation("enter",{delay:t})}})]})}),CO=P(({element:e,store:t})=>{let n=e.animations.find(e=>"enter"===e.type);return(0,p.jsxs)("div",{style:{padding:"10px"},children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:"Duration"}),(0,p.jsx)("div",{children:(0,p.jsx)(Cw,{value:parseFloat((n.duration/1e3).toFixed(2)),onValueChange:t=>{e.setAnimation("enter",{duration:1e3*t}),e.setAnimation("exit",{duration:1e3*t})},style:{width:"50px"},minorStepSize:.01,stepSize:.01,min:0,max:2.5,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{min:0,max:2500,value:n.duration,showTrackFill:!1,labelRenderer:!1,onChange:t=>{e.setAnimation("enter",{duration:t}),e.setAnimation("exit",{duration:t})}})]})}),Ck=P(({element:e,store:t,elements:n})=>{let r=n||[e],i=r[0];i.type,i.type,i.type;let o=(e,n)=>{t.history.transaction(()=>{r.forEach(t=>{t.setAnimation("enter",{name:e,...n}),t.setAnimation("exit",{name:e,...n,from:n.to,to:n.from})})}),n.enabled&&(t.play({animatedElementsIds:r.map(e=>e.id),currentTime:i.page.startTime}),setTimeout(()=>{t.stop()},1e3))},a=e=>!!((e?i.animations?.filter(t=>t.name===e):i.animations)||[]).find(e=>e.enabled);return(0,p.jsx)(mK,{hasBackdrop:!1,autoFocus:!1,content:(0,p.jsxs)("div",{style:{padding:"15px",paddingTop:"25px",width:"230px"},children:[(0,p.jsx)(S5,{checked:a("fade"),label:sw("toolbar.fade"),onChange:e=>{o("fade",{enabled:e.target.checked})},alignIndicator:sN.RIGHT}),(0,p.jsx)(S5,{checked:a("move"),label:sw("toolbar.move"),onChange:e=>{o("move",{enabled:e.target.checked})},alignIndicator:sN.RIGHT}),(0,p.jsx)(S5,{checked:a("zoom"),label:sw("toolbar.zoom"),onChange:e=>{o("zoom",{enabled:e.target.checked})},alignIndicator:sN.RIGHT}),(0,p.jsx)(Cx,{element:i,store:t,name:"move",enabled:a()}),a("move")&&(0,p.jsx)(CS,{value:i.animations.find(e=>"move"===e.name)?.data?.direction||"right",onChange:e=>{o("move",{data:{direction:e},enabled:!0})}}),a()&&(0,p.jsx)(CC,{store:t,element:e}),a()&&(0,p.jsx)(CO,{store:t,element:e})]}),position:sI.BOTTOM,children:(0,p.jsx)(pG,{text:sw("toolbar.animate"),minimal:!0})})});var CP={};CP=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-line-spacing",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M10,13H22V11H10M10,19H22V17H10M10,7H22V5H10M6,7H8.5L5,3.5L1.5,7H4V17H1.5L5,20.5L8.5,17H6V7Z"}}]})(e)};var CT={};CT=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-vertical-align-top",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"}}]})(e)};var CA={};CA=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-vertical-align-center",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M8,19H11V23H13V19H16L12,15L8,19M16,5H13V1H11V5H8L12,9L16,5M4,11V13H20V11H4Z"}}]})(e)};var CN={};CN=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-vertical-align-bottom",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"}}]})(e)};let Cj=ar("img")`
|
|
152
|
+
`,SX=({style:e,color:t,onChange:n,...r})=>{let[i,o]=l(v).useState(t);l(v).useEffect(()=>{o(t)},[t]);let a=l(v).useRef(),s=l(v).useRef();return(0,p.jsx)(SY,{style:e,onMouseDown:e=>{"INPUT"!==e.target.tagName&&e.preventDefault()},children:(0,p.jsx)(SW,{color:i,...r,onChange:e=>{let{r:t,g:r,b:i,a:l}=e.rgb,u=`rgba(${t},${r},${i},${l})`;o(u),s.current=u,a.current||(a.current=window.setTimeout(()=>{a.current=0,n(u)},50))}})})},SZ=e=>e.map(e=>`${e.color} ${100*e.offset}%`).join(","),SQ=({value:e,onChange:t,store:n,preset:r})=>{let{rotation:i,stops:o}=ia(e),a=l(v).useRef(o);a.current=o;let s=l(v).useRef(i);s.current=i;let[u,c]=l(v).useState(0),d=l(v).useRef(null),h=l(v).useRef(!1),f=()=>{h.current=!0};return l(v).useEffect(()=>{let e=e=>{if(h.current){let n=d.current.getBoundingClientRect(),r=e.clientX-n.left,i=r/n.width;if(o.length>2&&(i<-.5||i>1.5)){c(0),h.current=!1,a.current.splice(u,1),t(`linear-gradient(${s.current}deg, ${SZ(a.current)})`);return}let l=Math.min(1,Math.max(0,r/n.width)),f=[...a.current];f[u].offset=l,t(`linear-gradient(${s.current}deg, ${SZ(f)})`)}},n=()=>{h.current=!1};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",n),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",n)}},[u,a]),(0,p.jsxs)("div",{children:[(0,p.jsxs)("div",{style:{width:"calc(100% - 35px)",height:"60px",position:"relative"},children:[(0,p.jsx)("div",{ref:d,style:{position:"absolute",top:0,left:0,width:"100%",marginLeft:"15px",height:"100%",zIndex:0},onMouseDown:e=>{let n=e.currentTarget.getBoundingClientRect(),r=Math.min(1,Math.max(0,(e.clientX-n.left)/n.width)),a=o[0].color;o.push({color:a,offset:r}),o.sort((e,t)=>e.offset-t.offset),c(o.findIndex(e=>e.offset===r)),f(),t(`linear-gradient(${i}deg, ${SZ(o)})`)}}),o.map(({offset:e,color:t},n)=>(0,p.jsx)("div",{style:{position:"absolute",top:"10px",left:`${100*e}%`,border:n===u?"2px solid rgb(0, 161, 255)":"2px solid rgb(0, 0, 0, 0)",padding:"2px"},onMouseDown:e=>{e.stopPropagation(),c(n),f(e)},children:(0,p.jsx)(S0,{background:t,style:{margin:0}})},n))]}),(0,p.jsx)("div",{style:{width:"calc(100% - 30px)",height:"10px",marginLeft:"15px",background:`linear-gradient(90deg,${SZ(o)})`}}),(0,p.jsx)("div",{style:{padding:"10px"},children:(0,p.jsx)(vV,{min:0,max:360,value:i,showTrackFill:!1,labelRenderer:!1,onChange:e=>{t(`linear-gradient(${e}deg,${SZ(o)})`)}})}),(0,p.jsx)(SX,{color:o[u].color,presetColors:r,onChange:e=>{let n=[...o];n[u].color=e,t(`linear-gradient(${i}deg, ${SZ(n)})`)}})]})},SJ=({value:e,onChange:t,preset:n,store:r})=>{let[i,o]=l(v).useState(ii(e)?"gradient":"solid");return(0,p.jsx)("div",{style:{padding:"5px"},children:(0,p.jsxs)(y5,{id:"TabsExample",selectedTabId:i,onChange:e=>o(e),children:[(0,p.jsx)(yY,{id:"solid",title:"Solid",panel:(0,p.jsx)(SX,{color:e,onChange:t,presetColors:n,style:{padding:"0"}})}),(0,p.jsx)(yY,{id:"gradient",title:"Linear",panel:(0,p.jsx)(SQ,{value:e,onChange:t,store:r,preset:n}),panelClassName:"ember-panel"})]})})},S0=({size:e=30,background:t,style:n={},children:r=null,...i})=>(0,p.jsx)("div",{onMouseDown:e=>e.preventDefault(),style:{width:e+"px",height:e+"px",background:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 8 8'%3E%3Cg fill='rgba(112, 112, 116, 1)' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\")",borderRadius:"2px",boxShadow:"0 0 2px grey",marginBottom:"-4px",...n},...i,children:(0,p.jsx)("div",{style:{width:e+"px",height:e+"px",background:t},children:r})}),S1=e=>{let t=SK(e).slice(0,8).filter(e=>!S$.find(t=>i0(t,e)));return t.concat(S$.slice(0,16-t.length).reverse())},S2=({value:e,onChange:t,size:n,store:r,gradientEnabled:i,children:o,style:a})=>{let l=S1(r);return(0,p.jsx)(mK,{autoFocus:!1,enforceFocus:!0,interactionKind:"click",hasBackdrop:!0,content:i?(0,p.jsx)(SJ,{preset:l,value:e,onChange:t,store:r}):(0,p.jsx)("div",{style:{padding:"5px"},children:(0,p.jsx)(SX,{color:e,onChange:t,presetColors:l})}),children:(0,p.jsx)(S0,{size:n,background:e,style:a,children:o})})};var v=h("8NFma"),sP=h("gztBd"),v=h("8NFma"),S3=v.forwardRef(function(e,t){var n,r=e.alignIndicator,i=e.children,o=e.className,a=e.indicatorChildren,s=e.inline,u=e.inputRef,c=e.label,d=e.labelElement,h=e.large,f=e.style,p=e.type,g=e.typeClassName,m=e.tagName,y=(0,sP.__rest)(e,["alignIndicator","children","className","indicatorChildren","inline","inputRef","label","labelElement","large","style","type","typeClassName","tagName"]),b=l(sT)(sA.CONTROL,g,((n={})[sA.DISABLED]=y.disabled,n[sA.INLINE]=s,n[sA.LARGE]=h,n),sA.alignmentClass(r),o);return v.createElement(void 0===m?"label":m,{className:b,style:f,ref:t},v.createElement("input",(0,sP.__assign)({},y,{ref:u,type:p})),v.createElement("span",{className:sA.CONTROL_INDICATOR},a),c,d,i)});S3.displayName="".concat(px,".Control");var S5=v.forwardRef(function(e,t){var n=e.innerLabelChecked,r=e.innerLabel,i=(0,sP.__rest)(e,["innerLabelChecked","innerLabel"]),o=r||n?[v.createElement("div",{key:"checked",className:sA.CONTROL_INDICATOR_CHILD},v.createElement("div",{className:sA.SWITCH_INNER_TEXT},n||r)),v.createElement("div",{key:"unchecked",className:sA.CONTROL_INDICATOR_CHILD},v.createElement("div",{className:sA.SWITCH_INNER_TEXT},r))]:null;return v.createElement(S3,(0,sP.__assign)({},i,{indicatorChildren:o,ref:t,type:"checkbox",typeClassName:sA.SWITCH}))});S5.displayName="".concat(px,".Switch"),v.forwardRef(function(e,t){return v.createElement(S3,(0,sP.__assign)({},e,{ref:t,type:"radio",typeClassName:sA.RADIO}))}).displayName="".concat(px,".Radio"),v.forwardRef(function(e,t){var n=e.defaultIndeterminate,r=e.indeterminate,i=e.onChange,o=(0,sP.__rest)(e,["defaultIndeterminate","indeterminate","onChange"]),a=v.useState(r||n||!1),l=a[0],s=a[1],u=v.useRef(null),c=void 0===e.inputRef?u:py(e.inputRef,u),d=v.useCallback(function(e){void 0===r&&s(e.target.indeterminate),null==i||i(e)},[r,i]);return v.useEffect(function(){void 0!==r&&s(r)},[r]),v.useEffect(function(){null!=u.current&&(u.current.indeterminate=l)},[u,l]),v.createElement(S3,(0,sP.__assign)({},o,{inputRef:c,onChange:d,ref:t,type:"checkbox",typeClassName:sA.CHECKBOX}))}).displayName="".concat(px,".Checkbox");let S6=(e,t,n)=>Math.max(t,Math.min(n,e)),S4=({value:e,onValueChange:t,...n})=>{let[r,i]=l(v).useState(e.toString());return l(v).useEffect(()=>{i(e.toString())},[e]),(0,p.jsx)(vj,{value:r,onValueChange:(e,n)=>{i(n),Number.isNaN(e)||t(e)},...n})},S8=({label:e,enabled:t,visible:n=!0,onEnabledChange:r,numberValue:i,onNumberValueChange:o,min:a,max:l})=>n?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(S5,{checked:t,label:e,onChange:e=>{r(e.target.checked)},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),t&&(0,p.jsxs)("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"},children:[(0,p.jsx)("div",{style:{paddingTop:"7px"},children:(0,p.jsx)(vV,{value:i,onChange:e=>{o(e)},min:a,max:l,labelStepSize:50,showTrackFill:!1,labelRenderer:!1})}),(0,p.jsx)(vj,{value:i,onValueChange:e=>{o(S6(e,a,l))},buttonPosition:"none",style:{width:"45px",padding:"0 5px",marginLeft:"10px"},min:a,max:l})]})]}):null,S9=P(({element:e,store:t,elements:n})=>{let r=n||[e],i=r[0],o="text"===i.type,a="image"===i.type,s="svg"===i.type,u=a||s,c=e=>{t.history.transaction(()=>{r.forEach(t=>{t.set(e)})})};return(0,p.jsx)(mK,{content:(0,p.jsxs)("div",{style:{padding:"15px",paddingTop:"15px",width:"230px",maxHeight:"calc(100vh - 150px)",overflow:"auto"},children:[(0,p.jsx)(S8,{label:sw("toolbar.blur"),enabled:i.blurEnabled,visible:u||o,onEnabledChange:e=>{c({blurEnabled:e})},numberValue:i.blurRadius,onNumberValueChange:e=>{c({blurRadius:e})},min:0,max:100}),(0,p.jsx)(S8,{label:sw("toolbar.brightness"),visible:u,enabled:i.brightnessEnabled,onEnabledChange:e=>{c({brightnessEnabled:e})},numberValue:100*i.brightness+100,onNumberValueChange:e=>{c({brightness:(e-100)/100})},min:0,max:200}),u&&(0,p.jsx)(S5,{checked:i.sepiaEnabled,label:sw("toolbar.sepia"),onChange:e=>{c({sepiaEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),u&&(0,p.jsx)(S5,{checked:i.grayscaleEnabled,label:sw("toolbar.grayscale"),onChange:e=>{c({grayscaleEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),o&&(0,p.jsx)(S5,{checked:!!i.strokeWidth,label:sw("toolbar.textStroke"),onChange:e=>{c({strokeWidth:e.target.checked?2:0})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),o&&!!i.strokeWidth&&(0,p.jsx)(l(v).Fragment,{children:(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,p.jsx)(S2,{value:i.stroke,size:30,onChange:e=>{c({stroke:e})},store:t}),(0,p.jsx)(vj,{defaultValue:i.strokeWidth,onValueChange:e=>{c({strokeWidth:S6(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(i.fontSize/2)})]})}),o&&(0,p.jsx)(S5,{checked:!!i.backgroundEnabled,label:sw("toolbar.textBackground"),onChange:e=>{c({backgroundEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),!!i.backgroundEnabled&&(0,p.jsxs)(l(v).Fragment,{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.backgroundCornerRadius")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:100*i.backgroundCornerRadius,onValueChange:e=>{c({backgroundCornerRadius:S6(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:100*i.backgroundCornerRadius,onChange:e=>{c({backgroundCornerRadius:S6(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.backgroundPadding")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:Math.round(100*i.backgroundPadding),onValueChange:e=>{c({backgroundPadding:S6(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:Math.round(100*i.backgroundPadding),onChange:e=>{c({backgroundPadding:S6(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.opacity")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:Math.round(100*i.backgroundOpacity),onValueChange:e=>{c({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:100*i.backgroundOpacity,onChange:e=>{c({backgroundOpacity:e/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{style:{lineHeight:"30px"},children:sw("toolbar.color")}),(0,p.jsx)(S2,{value:i.backgroundColor,size:30,onChange:e=>{c({backgroundColor:e})},store:t})]})]}),u&&(0,p.jsx)(S5,{checked:!!i.borderSize,label:sw("toolbar.border"),onChange:e=>{c({borderSize:e.target.checked?2:0})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),!!i.borderSize&&(0,p.jsx)(l(v).Fragment,{children:(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,p.jsx)(S2,{value:i.borderColor,size:30,onChange:e=>{c({borderColor:e})},store:t}),(0,p.jsx)(vj,{defaultValue:i.borderSize,onValueChange:e=>{c({borderSize:S6(e,1,Math.min(i.width,i.height)/2)})},style:{width:"80px"},min:1,max:Math.min(i.width,i.height)/2})]})}),u&&(0,p.jsx)(S5,{checked:!!i.cornerRadius,label:sw("toolbar.cornerRadius"),onChange:e=>{c({cornerRadius:e.target.checked?Math.min(i.width/4,i.height/4):0})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),u&&!!i.cornerRadius&&(0,p.jsxs)("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"},children:[(0,p.jsx)("div",{style:{width:"150px",paddingTop:"7px"},children:(0,p.jsx)(vV,{value:Math.min(i.cornerRadius,Math.round(Math.min(i.width/2,i.height/2))),onChange:e=>{c({cornerRadius:e})},min:1,max:Math.round(Math.min(i.width/2,i.height/2)),labelStepSize:50,showTrackFill:!1,labelRenderer:!1})}),(0,p.jsx)(vj,{value:i.cornerRadius,onValueChange:e=>{c({cornerRadius:S6(e,1,Math.min(i.width,i.height)/2)})},buttonPosition:"none",style:{width:"45px",padding:"0 5px"},min:1,max:Math.round(Math.min(i.width/2,i.height/2))})]}),(0,p.jsx)(S5,{checked:i.shadowEnabled,label:sw("toolbar.shadow"),onChange:e=>{c({shadowEnabled:e.target.checked})},alignIndicator:sN.RIGHT,style:{marginTop:"20px"}}),i.shadowEnabled&&(0,p.jsxs)(l(v).Fragment,{children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.blur")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:i.shadowBlur,onValueChange:e=>{c({shadowBlur:S6(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:i.shadowBlur,onChange:e=>{c({shadowBlur:e})},min:0,max:50,showTrackFill:!1,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.offsetX")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:i.shadowOffsetX,onValueChange:e=>{c({shadowOffsetX:S6(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:i.shadowOffsetX,onChange:e=>{c({shadowOffsetX:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.offsetY")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:i.shadowOffsetY,onValueChange:e=>{c({shadowOffsetY:S6(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:i.shadowOffsetY,onChange:e=>{c({shadowOffsetY:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:sw("toolbar.opacity")}),(0,p.jsx)("div",{children:(0,p.jsx)(S4,{value:Math.round(100*i.shadowOpacity),onValueChange:e=>{c({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{value:100*i.shadowOpacity,onChange:e=>{c({shadowOpacity:e/100})},min:0,max:100,labelRenderer:!1}),(0,p.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{style:{lineHeight:"30px"},children:sw("toolbar.color")}),(0,p.jsx)(S2,{value:i.shadowColor,size:30,onChange:e=>{c({shadowColor:e})},store:t})]})]})]}),position:sI.BOTTOM,children:(0,p.jsx)(pG,{icon:"left-join",text:sw("toolbar.effects"),minimal:!0})})});var v=h("8NFma"),sP=h("gztBd"),v=h("8NFma");(PZ=Tt||(Tt={})).MENU="menu",PZ.LISTBOX="listbox",PZ.TREE="tree",PZ.GRID="grid",PZ.DIALOG="dialog";var sP=h("gztBd"),v=h("8NFma"),pR=h("leH9B"),S7=v.forwardRef(function(e,t){var n=e.size>=pR.IconSize.LARGE,r=n?pR.IconSize.LARGE:pR.IconSize.STANDARD,i="".concat(-1*r/.05/2);return v.createElement(pF,(0,sP.__assign)({iconName:"cross",ref:t},e),v.createElement("path",{d:n?"M228.2 200L314 285.8C317.8 289.4 320 294.4 320 300C320 311 311 320 300 320C294.4000000000001 320 289.4000000000001 317.8 285.8 314.2L200 228.2L114.2 314.2C110.6 317.8 105.6 320 100 320C89 320 80 311 80 300C80 294.4 82.2 289.4 85.8 285.8L171.8 200L86 114.2000000000001C82.2 110.6 80 105.6 80 100C80 89 89 80 100 80C105.6 80 110.6 82.2 114.2 85.8L200 171.8L285.8 86C289.4000000000001 82.2 294.4000000000001 80 300 80C311 80 320 89 320 100C320 105.6 317.8 110.6 314.2000000000001 114.2000000000001L228.2 200z":"M188.2 160L254 225.8C257.8 229.4 260 234.4 260 240C260 251 251 260 240 260C234.4 260 229.4 257.8 225.8 254.2L160 188.2L94.2 254.2C90.6 257.8 85.6 260 80 260C69 260 60 251 60 240C60 234.4 62.2 229.4 65.8 225.8L131.8 160L66 94.2C62.2 90.6 60 85.6 60 80C60 69 69 60 80 60C85.6 60 90.6 62.2 94.2 65.8L160 131.8L225.8 66C229.4 62.2 234.4 60 240 60C251 60 260 69 260 80C260 85.6 257.8 90.6 254.2 94.2L188.2 160z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});S7.defaultProps={size:pR.IconSize.STANDARD},S7.displayName="Blueprint5.Icon.Cross";var sP=h("gztBd"),v=h("8NFma"),pR=h("leH9B"),Ce=v.forwardRef(function(e,t){var n=e.size>=pR.IconSize.LARGE,r=n?pR.IconSize.LARGE:pR.IconSize.STANDARD,i="".concat(-1*r/.05/2);return v.createElement(pF,(0,sP.__assign)({iconName:"search",ref:t},e),v.createElement("path",{d:n?"M391.2 51.2L292.4 150C309.8 175.8 320 206.6 320 240C320 328.4 248.4 400 160 400S0 328.4 0 240S71.6 80 160 80C193.4 80 224.2 90.2 250 107.6L348.8 8.8C354.2000000000001 3.4 361.8 0 370 0C386.6 0 400 13.4 400 30C400 38.2 396.6 45.8 391.2 51.2zM160 120C93.8 120 40 173.8 40 240S93.8 360 160 360S280 306.2000000000001 280 240S226.2 120 160 120z":"M311 51.4L257.6 105C271.6 126.8 279.8 152.6 279.8 180.2C279.8 257.6 217.2 320.2 139.8 320.2S-0.2 257.6 -0.2 180.2S62.4 40.2 139.8 40.2C167.6 40.2 193.4 48.6 215 62.4L268.6 9C274 3.6 281.6 0.2 289.8 0.2C306.4 0.2 319.8 13.6 319.8 30.2C319.8 38.4 316.4 46 311 51.4zM139.8 80.2C84.6 80.2 39.8 125 39.8 180.2S84.6 280.2 139.8 280.2S239.8 235.4 239.8 180.2S195 80.2 139.8 80.2z",fillRule:"evenodd",transform:"scale(0.05, -0.05) translate(".concat(i,", ").concat(i,")"),style:{transformOrigin:"center"}}))});Ce.defaultProps={size:pR.IconSize.STANDARD},Ce.displayName="Blueprint5.Icon.Search";var Ct={};i(Ct,"MULTISELECT",()=>Cr),i(Ct,"MULTISELECT_POPOVER",()=>Ci),i(Ct,"MULTISELECT_TAG_INPUT_INPUT",()=>Co),i(Ct,"OMNIBAR",()=>Ca),i(Ct,"OMNIBAR_OVERLAY",()=>Cl),i(Ct,"SELECT_POPOVER",()=>Cs),i(Ct,"SUGGEST_POPOVER",()=>Cu);var Cn=sA.getClassNamespace(),Cr="".concat(Cn,"-multi-select"),Ci="".concat(Cr,"-popover"),Co="".concat(Cr,"-tag-input-input"),Ca="".concat(Cn,"-omnibar"),Cl="".concat(Ca,"-overlay"),Cs="".concat(Cn,"-select-popover"),Cu="".concat(Cn,"-suggest-popover"),sP=h("gztBd"),v=h("8NFma"),sP=h("gztBd"),v=h("8NFma");function Cc(e,t,n){return void 0===e||null==t||null==n?t===n:fl.isFunction(e)?e(t,n):t[e]===n[e]}function Cd(){return{__blueprintCreateNewItemBrand:"blueprint-create-new-item"}}function Ch(e){if(null==e)return!1;var t=Object.keys(e);return 1===t.length&&"__blueprintCreateNewItemBrand"===t[0]&&"blueprint-create-new-item"===e.__blueprintCreateNewItemBrand}function Cf(e){return null==e||Ch(e)?null:e}var Cp=function(e){function t(t){var n,r,i=e.call(this,t)||this;i.itemRefs=new Map,i.refHandlers={itemsParent:function(e){return i.itemsParentRef=e}},i.shouldCheckActiveItemInViewport=!1,i.expectedNextActiveItem=null,i.isEnterKeyPressed=!1,i.renderItemList=function(e){var t=i.props,n=t.initialContent,r=t.noResults,o=e.renderCreateItem(),a=function(e,t,n){if(0===e.query.length&&void 0!==n)return n;var r=e.filteredItems.map(e.renderItem).filter(function(e){return null!=e});return r.length>0?r:t}(e,null!=o?null:r,n);if(null==a&&null==o)return null;var l=i.isCreateItemFirst();return v.createElement(vi,(0,sP.__assign)({role:"listbox"},e.menuProps,{ulRef:e.itemsParentRef}),l&&o,a,!l&&o)},i.renderItem=function(e,t){if(!0!==i.props.disabled){var n=i.state,r=n.activeItem,o=n.query,a=n.filteredItems,l={active:Cc(i.props.itemsEqual,Cf(r),e),disabled:Cv(e,t,i.props.itemDisabled),matchesPredicate:a.indexOf(e)>=0};return i.props.itemRenderer(e,{handleClick:function(t){return i.handleItemSelect(e,t)},handleFocus:function(){return i.setActiveItem(e)},index:t,modifiers:l,query:o,ref:function(e){e?i.itemRefs.set(t,e):i.itemRefs.delete(t)}})}return null},i.renderCreateItemMenuItem=function(){if(i.isCreateItemRendered(i.state.createNewItem)){var e=i.state,t=e.activeItem,n=e.query.trim(),r=Ch(t);return i.props.createNewItemRenderer(n,r,function(e){i.handleItemCreate(n,e)})}return null},i.handleItemCreate=function(e,t){var n,r,o,a,l=null===(r=(n=i.props).createNewItemFromQuery)||void 0===r?void 0:r.call(n,e);if(null!=l){for(var s=Array.isArray(l)?l:[l],u=0;u<s.length;u++){var c=s[u];null===(a=(o=i.props).onItemSelect)||void 0===a||a.call(o,c,t)}i.maybeResetQuery()}},i.handleItemSelect=function(e,t){var n,r;i.setActiveItem(e),null===(r=(n=i.props).onItemSelect)||void 0===r||r.call(n,e,t),i.maybeResetQuery()},i.handlePaste=function(e){for(var t,n=i.props,r=n.createNewItemFromQuery,o=n.onItemsPaste,a=[],l=[],s=0;s<e.length;s++){var u=e[s],c=function(e,t){var n=t.items,r=t.itemPredicate;if(fl.isFunction(r))for(var i=0;i<n.length;i++){var o=n[i];if(r(e,o,i,!0))return o}}(u,i.props);if(void 0!==c)t=c,l.push(c);else if(i.canCreateItems()){var d=null==r?void 0:r(u);if(void 0!==d){var h=Array.isArray(d)?d:[d];l.push.apply(l,h)}}else a.push(u)}i.setQuery(a.join(", "),!1),void 0!==t&&i.setActiveItem(t),null==o||o(l)},i.handleKeyDown=function(e){var t,n,r=e.key;if("ArrowUp"===r||"ArrowDown"===r){e.preventDefault();var o=i.getNextActiveItem("ArrowUp"===r?-1:1);null!=o&&i.setActiveItem(o)}else"Enter"===r&&(i.isEnterKeyPressed=!0);null===(n=(t=i.props).onKeyDown)||void 0===n||n.call(t,e)},i.handleKeyUp=function(e){var t=i.props.onKeyUp,n=i.state.activeItem;"Enter"===e.key&&i.isEnterKeyPressed&&(e.preventDefault(),null==n||Ch(n)?i.handleItemCreate(i.state.query,e):i.handleItemSelect(n,e),i.isEnterKeyPressed=!1),null==t||t(e)},i.handleInputQueryChange=function(e){var t,n,r=null==e?"":e.target.value;i.setQuery(r),null===(n=(t=i.props).onQueryChange)||void 0===n||n.call(t,r,e)};var o=t.query,a=void 0===o?"":o,l=null===(n=t.createNewItemFromQuery)||void 0===n?void 0:n.call(t,a),s=Cm(a,t);return i.state={activeItem:void 0!==t.activeItem?t.activeItem:null!==(r=t.initialActiveItem)&&void 0!==r?r:Cy(s,t.itemDisabled),createNewItem:l,filteredItems:s,query:a},i}return(0,sP.__extends)(t,e),t.ofType=function(){return t},t.prototype.render=function(){var e=this.props,t=e.className,n=e.items,r=e.renderer,i=e.itemListRenderer,o=void 0===i?this.renderItemList:i,a=e.menuProps,l=this.state,s=(l.createNewItem,(0,sP.__rest)(l,["createNewItem"]));return r((0,sP.__assign)((0,sP.__assign)({},s),{className:t,handleItemSelect:this.handleItemSelect,handleKeyDown:this.handleKeyDown,handleKeyUp:this.handleKeyUp,handlePaste:this.handlePaste,handleQueryChange:this.handleInputQueryChange,itemList:o((0,sP.__assign)((0,sP.__assign)({},s),{items:n,itemsParentRef:this.refHandlers.itemsParent,menuProps:a,renderCreateItem:this.renderCreateItemMenuItem,renderItem:this.renderItem}))}))},t.prototype.componentDidUpdate=function(e){var t=this;void 0!==this.props.activeItem&&this.props.activeItem!==this.state.activeItem&&(this.shouldCheckActiveItemInViewport=!0,this.setState({activeItem:this.props.activeItem})),null!=this.props.query&&this.props.query!==e.query?this.setQuery(this.props.query,this.props.resetOnQuery,this.props):fl.shallowCompareKeys(this.props,e,{include:["items","itemListPredicate","itemPredicate"]})||this.setQuery(this.state.query),this.shouldCheckActiveItemInViewport&&(this.requestAnimationFrame(function(){return t.scrollActiveItemIntoView()}),this.shouldCheckActiveItemInViewport=!1)},t.prototype.scrollActiveItemIntoView=function(){var e=!1!==this.props.scrollToActiveItem,t=!Cc(this.props.itemsEqual,Cf(this.expectedNextActiveItem),Cf(this.props.activeItem));if(this.expectedNextActiveItem=null,e||!t){var n=this.getActiveElement();if(null!=this.itemsParentRef&&null!=n){var r=n.offsetTop,i=n.offsetHeight,o=this.itemsParentRef,a=o.offsetTop,l=o.scrollTop,s=o.clientHeight,u=this.getItemsParentPadding(),c=u.paddingTop,d=r+i+u.paddingBottom-a,h=r-c-a;d>=l+s?this.itemsParentRef.scrollTop=d+i-s:h<=l&&(this.itemsParentRef.scrollTop=h-i)}}},t.prototype.setQuery=function(e,t,n){void 0===t&&(t=this.props.resetOnQuery),void 0===n&&(n=this.props);var r,i=n.createNewItemFromQuery;this.shouldCheckActiveItemInViewport=!0,e!==this.state.query&&(null===(r=n.onQueryChange)||void 0===r||r.call(n,e));var o=e.trim(),a=Cm(o,n),l=null!=i&&""!==o?i(o):void 0;this.setState({createNewItem:l,filteredItems:a,query:e});var s=this.getActiveIndex(a);(t||s<0||Cv(Cf(this.state.activeItem),s,n.itemDisabled))&&(this.isCreateItemRendered(l)&&this.isCreateItemFirst()?this.setActiveItem(Cd()):this.setActiveItem(Cy(a,n.itemDisabled)))},t.prototype.setActiveItem=function(e){var t,n,r,i;this.expectedNextActiveItem=e,void 0===this.props.activeItem&&(this.shouldCheckActiveItemInViewport=!0,this.setState({activeItem:e})),Ch(e)?null===(n=(t=this.props).onActiveItemChange)||void 0===n||n.call(t,null,!0):null===(i=(r=this.props).onActiveItemChange)||void 0===i||i.call(r,e,!1)},t.prototype.getActiveElement=function(){var e,t=this.state.activeItem;if(null!=this.itemsParentRef){if(Ch(t)){var n=this.isCreateItemFirst()?0:this.state.filteredItems.length;return this.itemsParentRef.children.item(n)}var r=this.getActiveIndex();return null!==(e=this.itemRefs.get(r))&&void 0!==e?e:this.itemsParentRef.children.item(r)}},t.prototype.getActiveIndex=function(e){void 0===e&&(e=this.state.filteredItems);var t=this.state.activeItem;if(null==t||Ch(t))return -1;for(var n=0;n<e.length;++n)if(Cc(this.props.itemsEqual,e[n],t))return n;return -1},t.prototype.getItemsParentPadding=function(){var e=getComputedStyle(this.itemsParentRef),t=e.paddingTop;return{paddingBottom:Cg(e.paddingBottom),paddingTop:Cg(t)}},t.prototype.getNextActiveItem=function(e,t){return(void 0===t&&(t=this.getActiveIndex()),this.isCreateItemRendered(this.state.createNewItem)&&(0===t&&-1===e||t===this.state.filteredItems.length-1&&1===e))?Cd():Cy(this.state.filteredItems,this.props.itemDisabled,e,t)},t.prototype.isCreateItemRendered=function(e){return this.canCreateItems()&&""!==this.state.query&&!this.wouldCreatedItemMatchSomeExistingItem(e)},t.prototype.isCreateItemFirst=function(){return"first"===this.props.createNewItemPosition},t.prototype.canCreateItems=function(){return null!=this.props.createNewItemFromQuery&&null!=this.props.createNewItemRenderer},t.prototype.wouldCreatedItemMatchSomeExistingItem=function(e){var t=this;return this.state.filteredItems.some(function(n){return(Array.isArray(e)?e:[e]).some(function(e){return Cc(t.props.itemsEqual,n,e)})})},t.prototype.maybeResetQuery=function(){this.props.resetOnSelect&&this.setQuery("",!0)},t.displayName="".concat(px,".QueryList"),t.defaultProps={disabled:!1,resetOnQuery:!0},t}(function(e){function t(t){var n=e.call(this,t)||this;return n.timeoutIds=[],n.requestIds=[],n.clearTimeouts=function(){if(n.timeoutIds.length>0){for(var e=0,t=n.timeoutIds;e<t.length;e++){var r=t[e];window.clearTimeout(r)}n.timeoutIds=[]}},n.cancelAnimationFrames=function(){if(n.requestIds.length>0){for(var e=0,t=n.requestIds;e<t.length;e++){var r=t[e];window.cancelAnimationFrame(r)}n.requestIds=[]}},f7("production")||n.validateProps(n.props),n}return(0,sP.__extends)(t,e),t.prototype.componentDidUpdate=function(e,t,n){f7("production")||this.validateProps(this.props)},t.prototype.componentWillUnmount=function(){this.clearTimeouts(),this.cancelAnimationFrames()},t.prototype.requestAnimationFrame=function(e){var t=window.requestAnimationFrame(e);return this.requestIds.push(t),function(){return window.cancelAnimationFrame(t)}},t.prototype.setTimeout=function(e,t){var n=window.setTimeout(e,t);return this.timeoutIds.push(n),function(){return window.clearTimeout(n)}},t.prototype.validateProps=function(e){},t}(v.Component));function Cg(e){return null==e?0:parseInt(e.slice(0,-2),10)}function Cm(e,t){var n=t.items,r=t.itemPredicate,i=t.itemListPredicate;return fl.isFunction(i)?i(e,n):fl.isFunction(r)?n.filter(function(t,n){return r(e,t,n)}):n}function Cv(e,t,n){return null!=n&&null!=e&&(fl.isFunction(n)?n(e,t):!!e[n])}function Cy(e,t,n,r){if(void 0===n&&(n=1),void 0===r&&(r=e.length-1),0===e.length)return null;var i,o=r,a=e.length-1;do if(!Cv(e[o=(i=o+n)<0?a:i>a?0:i],o,t))return e[o];while(o!==r&&-1!==r)return null}var Cb=function(e){function t(){var t,n=e.apply(this,arguments)||this;return n.state={isOpen:!1},n.inputElement=null,n.queryList=null,n.handleInputRef=pw(n,"inputElement",null===(t=n.props.inputProps)||void 0===t?void 0:t.inputRef),n.handleQueryListRef=function(e){return n.queryList=e},n.listboxId=fl.uniqueId("listbox"),n.renderQueryList=function(e){var t=n.props,r=t.filterable,i=t.disabled,o=t.inputProps,a=t.popoverContentProps,s=t.popoverProps,u=void 0===s?{}:s,c=t.popoverRef,d=v.createElement(v_,(0,sP.__assign)({"aria-autocomplete":"list",leftIcon:v.createElement(Ce,null),placeholder:"Filter...",rightElement:n.maybeRenderClearButton(e.query)},void 0===o?{}:o,{inputRef:n.handleInputRef,onChange:e.handleQueryChange,value:e.query})),h=e.handleKeyDown,f=e.handleKeyUp;return v.createElement(mK,(0,sP.__assign)({autoFocus:!1,enforceFocus:!1,isOpen:n.state.isOpen,disabled:void 0!==i&&i,placement:u.position||u.placement?void 0:"bottom-start"},u,{className:l(sT)(e.className,u.className),content:v.createElement("div",(0,sP.__assign)({},void 0===a?{}:a,{onKeyDown:h,onKeyUp:f}),void 0===r||r?d:void 0,e.itemList),onClosing:n.handlePopoverClosing,onInteraction:n.handlePopoverInteraction,onOpened:n.handlePopoverOpened,onOpening:n.handlePopoverOpening,popoverClassName:l(sT)(Ct.SELECT_POPOVER,u.popoverClassName),popupKind:Tt.LISTBOX,ref:c,renderTarget:n.getPopoverTargetRenderer(e,n.state.isOpen)}))},n.getPopoverTargetRenderer=function(e,t){return function(r){r.isOpen;var i,o=r.ref,a=(0,sP.__rest)(r,["isOpen","ref"]),s=n.props,u=s.disabled,c=s.popoverProps,d=s.popoverTargetProps,h=e.handleKeyDown,f=e.handleKeyUp,p=(void 0===c?{}:c).targetTagName;return v.createElement(void 0===p?"div":p,(0,sP.__assign)((0,sP.__assign)((0,sP.__assign)({"aria-controls":n.listboxId},d),a),{"aria-disabled":u,"aria-expanded":t,className:l(sT)(a.className,null==d?void 0:d.className,((i={})[sA.FILL]=n.props.fill,i)),onKeyDown:n.withPopoverTargetPropsHandler("keydown",t?h:n.handleTargetKeyDown),onKeyUp:n.withPopoverTargetPropsHandler("keyup",t?f:void 0),ref:o,role:"combobox"}),n.props.children)}},n.withPopoverTargetPropsHandler=function(e,t){switch(e){case"keydown":return function(e){var r,i;null==t||t(e),null===(i=null===(r=n.props.popoverTargetProps)||void 0===r?void 0:r.onKeyDown)||void 0===i||i.call(r,e)};case"keyup":return function(e){var r,i;null==t||t(e),null===(i=null===(r=n.props.popoverTargetProps)||void 0===r?void 0:r.onKeyUp)||void 0===i||i.call(r,e)}}},n.handleTargetKeyDown=function(e){"ArrowUp"===e.key||"ArrowDown"===e.key?(e.preventDefault(),n.setState({isOpen:!0})):fl.isKeyboardClick(e)&&n.setState({isOpen:!0})},n.handleItemSelect=function(e,t){var r,i,o=null==t?void 0:t.target,a=null==o?void 0:o.closest(".".concat(sA.MENU_ITEM)),l=null==a?void 0:a.matches(".".concat(sA.POPOVER_DISMISS));n.setState({isOpen:!(null==l||l)}),null===(i=(r=n.props).onItemSelect)||void 0===i||i.call(r,e,t)},n.handlePopoverInteraction=function(e,t){var r,i;n.setState({isOpen:e}),null===(i=null===(r=n.props.popoverProps)||void 0===r?void 0:r.onInteraction)||void 0===i||i.call(r,e,t)},n.handlePopoverOpening=function(e){var t,r,i;n.previousFocusedElement=null!==(t=fl.getActiveElement(n.inputElement))&&void 0!==t?t:void 0,n.props.resetOnClose&&n.resetQuery(),null===(i=null===(r=n.props.popoverProps)||void 0===r?void 0:r.onOpening)||void 0===i||i.call(r,e)},n.handlePopoverOpened=function(e){var t,r;null!=n.queryList&&n.queryList.scrollActiveItemIntoView(),n.requestAnimationFrame(function(){var e,t=n.props.inputProps;!1!==(void 0===t?{}:t).autoFocus&&(null===(e=n.inputElement)||void 0===e||e.focus())}),null===(r=null===(t=n.props.popoverProps)||void 0===t?void 0:t.onOpened)||void 0===r||r.call(t,e)},n.handlePopoverClosing=function(e){var t,r;n.requestAnimationFrame(function(){void 0!==n.previousFocusedElement&&(n.previousFocusedElement.focus(),n.previousFocusedElement=void 0)}),null===(r=null===(t=n.props.popoverProps)||void 0===t?void 0:t.onClosing)||void 0===r||r.call(t,e)},n.resetQuery=function(){return n.queryList&&n.queryList.setQuery("",!0)},n}return(0,sP.__extends)(t,e),t.ofType=function(){return t},t.prototype.render=function(){var e=this.props,t=(e.filterable,e.inputProps,e.menuProps),n=(e.popoverProps,(0,sP.__rest)(e,["filterable","inputProps","menuProps","popoverProps"]));return v.createElement(Cp,(0,sP.__assign)({},n,{menuProps:(0,sP.__assign)((0,sP.__assign)({"aria-label":"selectable options"},t),{id:this.listboxId}),onItemSelect:this.handleItemSelect,ref:this.handleQueryListRef,renderer:this.renderQueryList}))},t.prototype.componentDidUpdate=function(e,t){var n,r,i,o,a;(null===(n=e.inputProps)||void 0===n?void 0:n.inputRef)!==(null===(r=this.props.inputProps)||void 0===r?void 0:r.inputRef)&&(pv(null===(i=e.inputProps)||void 0===i?void 0:i.inputRef,null),this.handleInputRef=pw(this,"inputElement",null===(o=this.props.inputProps)||void 0===o?void 0:o.inputRef),pv(null===(a=this.props.inputProps)||void 0===a?void 0:a.inputRef,this.inputElement)),this.state.isOpen&&!t.isOpen&&null!=this.queryList&&this.queryList.scrollActiveItemIntoView()},t.prototype.maybeRenderClearButton=function(e){return e.length>0?v.createElement(pG,{"aria-label":"Clear filter query",icon:v.createElement(S7,null),minimal:!0,onClick:this.resetQuery,title:"Clear filter query"}):void 0},t.displayName="".concat(px,".Select"),t}(pB);let Cw=({value:e,onValueChange:t,...n})=>{let[r,i]=l(v).useState(e.toString());return l(v).useEffect(()=>{i(e.toString())},[e]),(0,p.jsx)(vj,{value:r,onValueChange:(e,n)=>{i(n),Number.isNaN(e)||t(e)},...n})},Cx=P(({element:e,store:t,enabled:n})=>{let r=e.animations.find(e=>"enter"===e.type),i=e.animations.find(e=>"exit"===e.type);return n?(0,p.jsxs)(vb,{style:{width:"100%"},children:[(0,p.jsx)(pG,{fill:!0,active:r?.enabled&&!i?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!0}),e.setAnimation("exit",{enabled:!1})})},children:"Enter"}),(0,p.jsx)(pG,{fill:!0,active:r?.enabled&&i?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!0}),e.setAnimation("exit",{enabled:!0})})},children:"Both"}),(0,p.jsx)(pG,{fill:!0,active:i?.enabled&&!r?.enabled,onClick:()=>{t.history.transaction(()=>{e.setAnimation("enter",{enabled:!1}),e.setAnimation("exit",{enabled:!0})})},children:"Exit"})]}):null}),C_=(e,{handleClick:t,handleFocus:n,modifiers:r,query:i})=>r.matchesPredicate?(0,p.jsx)(vc,{active:r.active,disabled:r.disabled,onClick:t,icon:"arrow-"+e,onFocus:n,roleStructure:"listoption",text:e,shouldDismissPopover:!1},e):null,CE=["right","left","up","down","bottom-right","bottom-left","top-right","top-left"],CS=P(({value:e,onChange:t})=>(0,p.jsx)("div",{style:{paddingTop:"10px"},children:(0,p.jsx)(Cb,{items:CE,itemRenderer:C_,filterable:!1,activeItem:e,onItemSelect:e=>{t(e)},children:(0,p.jsx)(pG,{text:e,icon:"arrow-"+e,fill:!0})})})),CC=P(({element:e,store:t})=>{let n=e.animations.find(e=>"enter"===e.type);return(0,p.jsxs)("div",{style:{padding:"10px"},children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:"Delay"}),(0,p.jsx)("div",{children:(0,p.jsx)(Cw,{value:parseFloat((n.delay/1e3).toFixed(2)),onValueChange:t=>{e.setAnimation("enter",{delay:1e3*t})},style:{width:"50px"},minorStepSize:.01,stepSize:.01,min:0,max:2.5,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{min:0,max:1e3,value:n.delay,showTrackFill:!1,labelRenderer:!1,onChange:t=>{e.setAnimation("enter",{delay:t})}})]})}),CO=P(({element:e,store:t})=>{let n=e.animations.find(e=>"enter"===e.type);return(0,p.jsxs)("div",{style:{padding:"10px"},children:[(0,p.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},children:[(0,p.jsx)("div",{children:"Duration"}),(0,p.jsx)("div",{children:(0,p.jsx)(Cw,{value:parseFloat((n.duration/1e3).toFixed(2)),onValueChange:t=>{e.setAnimation("enter",{duration:1e3*t}),e.setAnimation("exit",{duration:1e3*t})},style:{width:"50px"},minorStepSize:.01,stepSize:.01,min:0,max:2.5,buttonPosition:"none"})})]}),(0,p.jsx)(vV,{min:0,max:2500,value:n.duration,showTrackFill:!1,labelRenderer:!1,onChange:t=>{e.setAnimation("enter",{duration:t}),e.setAnimation("exit",{duration:t})}})]})}),Ck=P(({element:e,store:t,elements:n})=>{let r=n||[e],i=r[0];i.type,i.type,i.type;let o=(e,n)=>{t.history.transaction(()=>{r.forEach(t=>{t.setAnimation("enter",{name:e,...n}),t.setAnimation("exit",{name:e,...n,from:n.to,to:n.from})})}),n.enabled&&(t.play({animatedElementsIds:r.map(e=>e.id),currentTime:i.page.startTime}),setTimeout(()=>{t.stop()},1e3))},a=e=>!!((e?i.animations?.filter(t=>t.name===e):i.animations)||[]).find(e=>e.enabled);return(0,p.jsx)(mK,{hasBackdrop:!1,autoFocus:!1,content:(0,p.jsxs)("div",{style:{padding:"15px",paddingTop:"25px",width:"230px"},children:[(0,p.jsx)(S5,{checked:a("fade"),label:sw("toolbar.fade"),onChange:e=>{o("fade",{enabled:e.target.checked})},alignIndicator:sN.RIGHT}),(0,p.jsx)(S5,{checked:a("move"),label:sw("toolbar.move"),onChange:e=>{o("move",{enabled:e.target.checked})},alignIndicator:sN.RIGHT}),(0,p.jsx)(S5,{checked:a("zoom"),label:sw("toolbar.zoom"),onChange:e=>{o("zoom",{enabled:e.target.checked})},alignIndicator:sN.RIGHT}),(0,p.jsx)(Cx,{element:i,store:t,name:"move",enabled:a()}),a("move")&&(0,p.jsx)(CS,{value:i.animations.find(e=>"move"===e.name)?.data?.direction||"right",onChange:e=>{o("move",{data:{direction:e},enabled:!0})}}),a()&&(0,p.jsx)(CC,{store:t,element:e}),a()&&(0,p.jsx)(CO,{store:t,element:e})]}),position:sI.BOTTOM,children:(0,p.jsx)(pG,{text:sw("toolbar.animate"),minimal:!0})})});var CP={};CP=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-line-spacing",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M10,13H22V11H10M10,19H22V17H10M10,7H22V5H10M6,7H8.5L5,3.5L1.5,7H4V17H1.5L5,20.5L8.5,17H6V7Z"}}]})(e)};var CT={};CT=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-vertical-align-top",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"}}]})(e)};var CA={};CA=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-vertical-align-center",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M8,19H11V23H13V19H16L12,15L8,19M16,5H13V1H11V5H8L12,9L16,5M4,11V13H20V11H4Z"}}]})(e)};var CN={};CN=function(e){return En({tag:"svg",attr:{version:"1.1",id:"mdi-format-vertical-align-bottom",viewBox:"0 0 24 24",fill:"currentColor"},child:[{tag:"path",attr:{d:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"}}]})(e)};let Cj=ar("img")`
|
|
153
153
|
height: 20px;
|
|
154
154
|
|
|
155
155
|
.bp5-dark & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __rest=this&&this.__rest||function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(n=Object.getOwnPropertySymbols(e);l<n.length;l++)t.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(e,n[l])&&(a[n[l]]=e[n[l]])}return a},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FiltersPicker=exports.NumberInput=void 0;const react_1=__importDefault(require("react")),core_1=require("@blueprintjs/core"),core_2=require("@blueprintjs/core"),mobx_react_lite_1=require("mobx-react-lite"),color_picker_1=__importDefault(require("./color-picker")),l10n_1=require("../utils/l10n"),limit=(e,t,a)=>Math.max(t,Math.min(a,e)),NumberInput=e=>{var{value:t,onValueChange:a}=e,n=__rest(e,["value","onValueChange"]);const[l,r]=react_1.default.useState(t.toString());react_1.default.useEffect((()=>{r(t.toString())}),[t]);return react_1.default.createElement(core_1.NumericInput,Object.assign({value:l,onValueChange:(e,t)=>{r(t),Number.isNaN(e)||a(e)}},n))};exports.NumberInput=NumberInput;const EnablerNumberInput=({label:e,enabled:t,visible:a=!0,onEnabledChange:n,numberValue:l,onNumberValueChange:r,min:o,max:i})=>a?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(core_1.Switch,{checked:t,label:e,onChange:e=>{n(e.target.checked)},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),t&&react_1.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{paddingTop:"7px"}},react_1.default.createElement(core_1.Slider,{value:l,onChange:e=>{r(e)},min:o,max:i,labelStepSize:50,showTrackFill:!1,labelRenderer:!1})),react_1.default.createElement(core_1.NumericInput,{value:l,onValueChange:e=>{r(limit(e,o,i))},buttonPosition:"none",style:{width:"45px",padding:"0 5px",marginLeft:"10px"},min:o,max:i}))):null;exports.FiltersPicker=(0,mobx_react_lite_1.observer)((({element:e,store:t,elements:a})=>{const n=a||[e],l=n[0],r="text"===l.type,o="image"===l.type,i="svg"===l.type,c=o||i,d=e=>{t.history.transaction((()=>{n.forEach((t=>{t.set(e)}))}))};return react_1.default.createElement(core_2.Popover,{content:react_1.default.createElement("div",{style:{padding:"15px",paddingTop:"15px",width:"230px",maxHeight:"calc(100vh - 150px)",overflow:"auto"}},react_1.default.createElement(EnablerNumberInput,{label:(0,l10n_1.t)("toolbar.blur"),enabled:l.blurEnabled,visible:c||r,onEnabledChange:e=>{d({blurEnabled:e})},numberValue:100*l.opacity,onNumberValueChange:e=>{d({opacity:e/100})},min:0,max:100}),react_1.default.createElement(EnablerNumberInput,{label:(0,l10n_1.t)("toolbar.brightness"),visible:c,enabled:l.brightnessEnabled,onEnabledChange:e=>{d({brightnessEnabled:e})},numberValue:100*l.brightness+100,onNumberValueChange:e=>{d({brightness:(e-100)/100})},min:0,max:200}),c&&react_1.default.createElement(core_1.Switch,{checked:l.sepiaEnabled,label:(0,l10n_1.t)("toolbar.sepia"),onChange:e=>{d({sepiaEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),c&&react_1.default.createElement(core_1.Switch,{checked:l.grayscaleEnabled,label:(0,l10n_1.t)("toolbar.grayscale"),onChange:e=>{d({grayscaleEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),r&&react_1.default.createElement(core_1.Switch,{checked:!!l.strokeWidth,label:(0,l10n_1.t)("toolbar.textStroke"),onChange:e=>{d({strokeWidth:e.target.checked?2:0})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),r&&!!l.strokeWidth&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement(color_picker_1.default,{value:l.stroke,size:30,onChange:e=>{d({stroke:e})},store:t}),react_1.default.createElement(core_1.NumericInput,{defaultValue:l.strokeWidth,onValueChange:e=>{d({strokeWidth:limit(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(l.fontSize/2)}))),r&&react_1.default.createElement(core_1.Switch,{checked:!!l.backgroundEnabled,label:(0,l10n_1.t)("toolbar.textBackground"),onChange:e=>{d({backgroundEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),!!l.backgroundEnabled&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.backgroundCornerRadius")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:100*l.backgroundCornerRadius,onValueChange:e=>{d({backgroundCornerRadius:limit(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:100*l.backgroundCornerRadius,onChange:e=>{d({backgroundCornerRadius:limit(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.backgroundPadding")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:Math.round(100*l.backgroundPadding),onValueChange:e=>{d({backgroundPadding:limit(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:Math.round(100*l.backgroundPadding),onChange:e=>{d({backgroundPadding:limit(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.opacity")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:Math.round(100*l.backgroundOpacity),onValueChange:e=>{d({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:100*l.backgroundOpacity,onChange:e=>{d({backgroundOpacity:e/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",{style:{lineHeight:"30px"}},(0,l10n_1.t)("toolbar.color")),react_1.default.createElement(color_picker_1.default,{value:l.backgroundColor,size:30,onChange:e=>{d({backgroundColor:e})},store:t}))),c&&react_1.default.createElement(core_1.Switch,{checked:!!l.borderSize,label:(0,l10n_1.t)("toolbar.border"),onChange:e=>{d({borderSize:e.target.checked?2:0})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),!!l.borderSize&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement(color_picker_1.default,{value:l.borderColor,size:30,onChange:e=>{d({borderColor:e})},store:t}),react_1.default.createElement(core_1.NumericInput,{defaultValue:l.borderSize,onValueChange:e=>{d({borderSize:limit(e,1,Math.min(l.width,l.height)/2)})},style:{width:"80px"},min:1,max:Math.min(l.width,l.height)/2}))),c&&react_1.default.createElement(core_1.Switch,{checked:!!l.cornerRadius,label:(0,l10n_1.t)("toolbar.cornerRadius"),onChange:e=>{d({cornerRadius:e.target.checked?Math.min(l.width/4,l.height/4):0})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),c&&!!l.cornerRadius&&react_1.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{width:"150px",paddingTop:"7px"}},react_1.default.createElement(core_1.Slider,{value:Math.min(l.cornerRadius,Math.round(Math.min(l.width/2,l.height/2))),onChange:e=>{d({cornerRadius:e})},min:1,max:Math.round(Math.min(l.width/2,l.height/2)),labelStepSize:50,showTrackFill:!1,labelRenderer:!1})),react_1.default.createElement(core_1.NumericInput,{value:l.cornerRadius,onValueChange:e=>{d({cornerRadius:limit(e,1,Math.min(l.width,l.height)/2)})},buttonPosition:"none",style:{width:"45px",padding:"0 5px"},min:1,max:Math.round(Math.min(l.width/2,l.height/2))})),react_1.default.createElement(core_1.Switch,{checked:l.shadowEnabled,label:(0,l10n_1.t)("toolbar.shadow"),onChange:e=>{d({shadowEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),l.shadowEnabled&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.blur")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:l.shadowBlur,onValueChange:e=>{d({shadowBlur:limit(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:l.shadowBlur,onChange:e=>{d({shadowBlur:e})},min:0,max:50,showTrackFill:!1,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.offsetX")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:l.shadowOffsetX,onValueChange:e=>{d({shadowOffsetX:limit(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:l.shadowOffsetX,onChange:e=>{d({shadowOffsetX:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.offsetY")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:l.shadowOffsetY,onValueChange:e=>{d({shadowOffsetY:limit(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:l.shadowOffsetY,onChange:e=>{d({shadowOffsetY:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.opacity")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:Math.round(100*l.shadowOpacity),onValueChange:e=>{d({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:100*l.shadowOpacity,onChange:e=>{d({shadowOpacity:e/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",{style:{lineHeight:"30px"}},(0,l10n_1.t)("toolbar.color")),react_1.default.createElement(color_picker_1.default,{value:l.shadowColor,size:30,onChange:e=>{d({shadowColor:e})},store:t})))),position:core_1.Position.BOTTOM},react_1.default.createElement(core_1.Button,{icon:"left-join",text:(0,l10n_1.t)("toolbar.effects"),minimal:!0}))})),exports.default=exports.FiltersPicker;
|
|
1
|
+
"use strict";var __rest=this&&this.__rest||function(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(l=Object.getOwnPropertySymbols(e);n<l.length;n++)t.indexOf(l[n])<0&&Object.prototype.propertyIsEnumerable.call(e,l[n])&&(a[l[n]]=e[l[n]])}return a},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FiltersPicker=exports.NumberInput=void 0;const react_1=__importDefault(require("react")),core_1=require("@blueprintjs/core"),core_2=require("@blueprintjs/core"),mobx_react_lite_1=require("mobx-react-lite"),color_picker_1=__importDefault(require("./color-picker")),l10n_1=require("../utils/l10n"),limit=(e,t,a)=>Math.max(t,Math.min(a,e)),NumberInput=e=>{var{value:t,onValueChange:a}=e,l=__rest(e,["value","onValueChange"]);const[n,r]=react_1.default.useState(t.toString());react_1.default.useEffect((()=>{r(t.toString())}),[t]);return react_1.default.createElement(core_1.NumericInput,Object.assign({value:n,onValueChange:(e,t)=>{r(t),Number.isNaN(e)||a(e)}},l))};exports.NumberInput=NumberInput;const EnablerNumberInput=({label:e,enabled:t,visible:a=!0,onEnabledChange:l,numberValue:n,onNumberValueChange:r,min:o,max:i})=>a?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(core_1.Switch,{checked:t,label:e,onChange:e=>{l(e.target.checked)},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),t&&react_1.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{paddingTop:"7px"}},react_1.default.createElement(core_1.Slider,{value:n,onChange:e=>{r(e)},min:o,max:i,labelStepSize:50,showTrackFill:!1,labelRenderer:!1})),react_1.default.createElement(core_1.NumericInput,{value:n,onValueChange:e=>{r(limit(e,o,i))},buttonPosition:"none",style:{width:"45px",padding:"0 5px",marginLeft:"10px"},min:o,max:i}))):null;exports.FiltersPicker=(0,mobx_react_lite_1.observer)((({element:e,store:t,elements:a})=>{const l=a||[e],n=l[0],r="text"===n.type,o="image"===n.type,i="svg"===n.type,d=o||i,c=e=>{t.history.transaction((()=>{l.forEach((t=>{t.set(e)}))}))};return react_1.default.createElement(core_2.Popover,{content:react_1.default.createElement("div",{style:{padding:"15px",paddingTop:"15px",width:"230px",maxHeight:"calc(100vh - 150px)",overflow:"auto"}},react_1.default.createElement(EnablerNumberInput,{label:(0,l10n_1.t)("toolbar.blur"),enabled:n.blurEnabled,visible:d||r,onEnabledChange:e=>{c({blurEnabled:e})},numberValue:n.blurRadius,onNumberValueChange:e=>{c({blurRadius:e})},min:0,max:100}),react_1.default.createElement(EnablerNumberInput,{label:(0,l10n_1.t)("toolbar.brightness"),visible:d,enabled:n.brightnessEnabled,onEnabledChange:e=>{c({brightnessEnabled:e})},numberValue:100*n.brightness+100,onNumberValueChange:e=>{c({brightness:(e-100)/100})},min:0,max:200}),d&&react_1.default.createElement(core_1.Switch,{checked:n.sepiaEnabled,label:(0,l10n_1.t)("toolbar.sepia"),onChange:e=>{c({sepiaEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),d&&react_1.default.createElement(core_1.Switch,{checked:n.grayscaleEnabled,label:(0,l10n_1.t)("toolbar.grayscale"),onChange:e=>{c({grayscaleEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),r&&react_1.default.createElement(core_1.Switch,{checked:!!n.strokeWidth,label:(0,l10n_1.t)("toolbar.textStroke"),onChange:e=>{c({strokeWidth:e.target.checked?2:0})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),r&&!!n.strokeWidth&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement(color_picker_1.default,{value:n.stroke,size:30,onChange:e=>{c({stroke:e})},store:t}),react_1.default.createElement(core_1.NumericInput,{defaultValue:n.strokeWidth,onValueChange:e=>{c({strokeWidth:limit(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(n.fontSize/2)}))),r&&react_1.default.createElement(core_1.Switch,{checked:!!n.backgroundEnabled,label:(0,l10n_1.t)("toolbar.textBackground"),onChange:e=>{c({backgroundEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),!!n.backgroundEnabled&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.backgroundCornerRadius")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:100*n.backgroundCornerRadius,onValueChange:e=>{c({backgroundCornerRadius:limit(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:100*n.backgroundCornerRadius,onChange:e=>{c({backgroundCornerRadius:limit(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.backgroundPadding")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:Math.round(100*n.backgroundPadding),onValueChange:e=>{c({backgroundPadding:limit(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:Math.round(100*n.backgroundPadding),onChange:e=>{c({backgroundPadding:limit(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.opacity")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:Math.round(100*n.backgroundOpacity),onValueChange:e=>{c({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:100*n.backgroundOpacity,onChange:e=>{c({backgroundOpacity:e/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",{style:{lineHeight:"30px"}},(0,l10n_1.t)("toolbar.color")),react_1.default.createElement(color_picker_1.default,{value:n.backgroundColor,size:30,onChange:e=>{c({backgroundColor:e})},store:t}))),d&&react_1.default.createElement(core_1.Switch,{checked:!!n.borderSize,label:(0,l10n_1.t)("toolbar.border"),onChange:e=>{c({borderSize:e.target.checked?2:0})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),!!n.borderSize&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},react_1.default.createElement(color_picker_1.default,{value:n.borderColor,size:30,onChange:e=>{c({borderColor:e})},store:t}),react_1.default.createElement(core_1.NumericInput,{defaultValue:n.borderSize,onValueChange:e=>{c({borderSize:limit(e,1,Math.min(n.width,n.height)/2)})},style:{width:"80px"},min:1,max:Math.min(n.width,n.height)/2}))),d&&react_1.default.createElement(core_1.Switch,{checked:!!n.cornerRadius,label:(0,l10n_1.t)("toolbar.cornerRadius"),onChange:e=>{c({cornerRadius:e.target.checked?Math.min(n.width/4,n.height/4):0})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),d&&!!n.cornerRadius&&react_1.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},react_1.default.createElement("div",{style:{width:"150px",paddingTop:"7px"}},react_1.default.createElement(core_1.Slider,{value:Math.min(n.cornerRadius,Math.round(Math.min(n.width/2,n.height/2))),onChange:e=>{c({cornerRadius:e})},min:1,max:Math.round(Math.min(n.width/2,n.height/2)),labelStepSize:50,showTrackFill:!1,labelRenderer:!1})),react_1.default.createElement(core_1.NumericInput,{value:n.cornerRadius,onValueChange:e=>{c({cornerRadius:limit(e,1,Math.min(n.width,n.height)/2)})},buttonPosition:"none",style:{width:"45px",padding:"0 5px"},min:1,max:Math.round(Math.min(n.width/2,n.height/2))})),react_1.default.createElement(core_1.Switch,{checked:n.shadowEnabled,label:(0,l10n_1.t)("toolbar.shadow"),onChange:e=>{c({shadowEnabled:e.target.checked})},alignIndicator:core_1.Alignment.RIGHT,style:{marginTop:"20px"}}),n.shadowEnabled&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.blur")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:n.shadowBlur,onValueChange:e=>{c({shadowBlur:limit(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:n.shadowBlur,onChange:e=>{c({shadowBlur:e})},min:0,max:50,showTrackFill:!1,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.offsetX")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:n.shadowOffsetX,onValueChange:e=>{c({shadowOffsetX:limit(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:n.shadowOffsetX,onChange:e=>{c({shadowOffsetX:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.offsetY")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:n.shadowOffsetY,onValueChange:e=>{c({shadowOffsetY:limit(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:n.shadowOffsetY,onChange:e=>{c({shadowOffsetY:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",null,(0,l10n_1.t)("toolbar.opacity")),react_1.default.createElement("div",null,react_1.default.createElement(exports.NumberInput,{value:Math.round(100*n.shadowOpacity),onValueChange:e=>{c({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),react_1.default.createElement(core_1.Slider,{value:100*n.shadowOpacity,onChange:e=>{c({shadowOpacity:e/100})},min:0,max:100,labelRenderer:!1}),react_1.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},react_1.default.createElement("div",{style:{lineHeight:"30px"}},(0,l10n_1.t)("toolbar.color")),react_1.default.createElement(color_picker_1.default,{value:n.shadowColor,size:30,onChange:e=>{c({shadowColor:e})},store:t})))),position:core_1.Position.BOTTOM},react_1.default.createElement(core_1.Button,{icon:"left-join",text:(0,l10n_1.t)("toolbar.effects"),minimal:!0}))})),exports.default=exports.FiltersPicker;
|