diff --git a/Resources/Private/RangeEditor/RangeEditor.jsx b/Resources/Private/RangeEditor/RangeEditor.jsx index c230b11..01752e3 100644 --- a/Resources/Private/RangeEditor/RangeEditor.jsx +++ b/Resources/Private/RangeEditor/RangeEditor.jsx @@ -126,6 +126,12 @@ const styles = stylex.create({ outlineOffset: 2, }, }, + textLeft: { + textAlign: "left", + }, + textRight: { + textAlign: "right", + }, textfield: { background: colors.neutral, border: 0, @@ -415,7 +421,10 @@ function Editor({ )} onClick={() => changeValue(options.min)} disabled={disabled} - {...stylex.props(styles.editorValueButton)} + {...stylex.props( + styles.editorValueButton, + styles.textLeft, + )} > {valueAsString}% @@ -426,7 +435,10 @@ function Editor({ )} onClick={() => changeValue(options.max)} disabled={disabled} - {...stylex.props(styles.editorValueButton)} + {...stylex.props( + styles.editorValueButton, + styles.textRight, + )} > {100 - value}% @@ -447,7 +459,10 @@ function Editor({ : 0.7, }} disabled={disabled} - {...stylex.props(styles.editorValueButton)} + {...stylex.props( + styles.editorValueButton, + styles.textLeft, + )} > {getLabel(options.min, true)} @@ -521,7 +536,10 @@ function Editor({ : 0.7, }} disabled={disabled} - {...stylex.props(styles.editorValueButton)} + {...stylex.props( + styles.editorValueButton, + styles.textRight, + )} > {getLabel(options.max, true)} diff --git a/Resources/Public/Plugin.css b/Resources/Public/Plugin.css index b65b7b2..76c301c 100644 --- a/Resources/Public/Plugin.css +++ b/Resources/Public/Plugin.css @@ -1,3 +1,5 @@ +@property --marginRight { syntax: "*"; inherits: false; initial-value: "*";} +@property --width { syntax: "*"; inherits: false; initial-value: "*";} :root, .range-39wzrw{--range-17fcymb:var(--transition-Default);--range-1qkce6e:cubic-bezier(0.4, 0, 0.2, 1);} :root, .range-1ow9cle{--range-1yfsa84:var(--colors-PrimaryBlue);--range-11ai139:var(--colors-ContrastNeutral);--range-3rq551:var(--colors-ContrastBright);--range-112jqwz:var(--colors-ContrastBrightest);--range-5uow9g:var(--colors-ContrastDarkest);--range-1aufrmy:var(--colors-Warn);} .range-jcvozh{--color:var(--range-1yfsa84)} @@ -37,6 +39,7 @@ .range-1qughib:not(#\#):not(#\#):not(#\#){justify-content:space-between} .range-190dgpg:not(#\#):not(#\#):not(#\#){opacity:.65} .range-2b8uid:not(#\#):not(#\#):not(#\#){text-align:center} +.range-dpxx8g:not(#\#):not(#\#):not(#\#){text-align:left} .range-1hr2gdg:not(#\#):not(#\#):not(#\#){text-align:right} .range-87ps6o:not(#\#):not(#\#):not(#\#){user-select:none} .range-xeqyu3:focus-within:not(#\#):not(#\#):not(#\#){color:var(--range-5uow9g)} diff --git a/Resources/Public/RangeEditor.js b/Resources/Public/RangeEditor.js index 4aeb8fd..91d185b 100644 --- a/Resources/Public/RangeEditor.js +++ b/Resources/Public/RangeEditor.js @@ -1 +1 @@ -import{a as Z,b as X,c as Y,d as R,e as nn}from"./chunk-DU7SBTEB.js";var rn=Z((Tn,en)=>{R();en.exports=Y("NeosProjectPackages")().NeosUiDecorators});var an=Z((Dn,tn)=>{R();tn.exports=Y("NeosProjectPackages")().ReactUiComponents});var i=X(nn(),1),sn=X(rn(),1),cn=X(an(),1);var m=X(nn());function dn(n,t,a){var l=this,u=(0,m.useRef)(null),f=(0,m.useRef)(0),c=(0,m.useRef)(null),y=(0,m.useRef)([]),N=(0,m.useRef)(),w=(0,m.useRef)(),j=(0,m.useRef)(n),b=(0,m.useRef)(!0);j.current=n;var h=typeof window<"u",e=!t&&t!==0&&h;if(typeof n!="function")throw new TypeError("Expected a function");t=+t||0;var p=!!(a=a||{}).leading,I=!("trailing"in a)||!!a.trailing,v="maxWait"in a,k="debounceOnServer"in a&&!!a.debounceOnServer,x=v?Math.max(+a.maxWait||0,t):null;(0,m.useEffect)(function(){return b.current=!0,function(){b.current=!1}},[]);var T=(0,m.useMemo)(function(){var D=function(o){var d=y.current,A=N.current;return y.current=N.current=null,f.current=o,w.current=j.current.apply(A,d)},s=function(o,d){e&&cancelAnimationFrame(c.current),c.current=e?requestAnimationFrame(o):setTimeout(o,d)},$=function(o){if(!b.current)return!1;var d=o-u.current;return!u.current||d>=t||d<0||v&&o-f.current>=x},E=function(o){return c.current=null,I&&y.current?D(o):(y.current=N.current=null,w.current)},z=function o(){var d=Date.now();if($(d))return E(d);if(b.current){var A=t-(d-u.current),q=v?Math.min(A,x-(d-f.current)):A;s(o,q)}},L=function(){if(h||k){var o=Date.now(),d=$(o);if(y.current=[].slice.call(arguments),N.current=l,u.current=o,d){if(!c.current&&b.current)return f.current=u.current,s(z,t),p?D(u.current):w.current;if(v)return s(z,t),D(u.current)}return c.current||s(z,t),w.current}};return L.cancel=function(){c.current&&(e?cancelAnimationFrame(c.current):clearTimeout(c.current)),f.current=0,y.current=u.current=N.current=c.current=null},L.isPending=function(){return!!c.current},L.flush=function(){return c.current?E(Date.now()):w.current},L},[p,v,t,x,I,e,h,k]);return T}function mn(n,t){return n===t}function on(n,t,a){var l=a&&a.equalityFn||mn,u=(0,m.useRef)(n),f=(0,m.useState)({})[1],c=dn((0,m.useCallback)(function(N){u.current=N,f({})},[f]),t,a),y=(0,m.useRef)(n);return l(y.current,n)||(c(n),y.current=n),[u.current,c]}var U={},ln;function fn(){if(ln)return U;ln=1,Object.defineProperty(U,"__esModule",{value:!0}),U.styleq=void 0;var n=new WeakMap,t="$$css";function a(u){var f,c,y;return u!=null&&(f=u.disableCache===!0,c=u.disableMix===!0,y=u.transform),function(){for(var w=[],j="",b=null,h=f?null:n,e=new Array(arguments.length),p=0;p0;){var I=e.pop();if(!(I==null||I===!1)){if(Array.isArray(I)){for(var v=0;vnew Error(`'stylex.${n}' should never be called at runtime. It should be compiled away by '@stylexjs/babel-plugin'`),M=n=>V(`types.${n}`);function F(){for(var n=arguments.length,t=new Array(n),a=0;a0&&(f.style=u),f}function bn(){let{className:n,style:t}=F(...arguments),a={};return n!=null&&n!==""&&(a.class=n),t!=null&&Object.keys(t).length>0&&(a.style=Object.keys(t).map(l=>`${l}:${t[l]};`).join("")),a}function hn(n){throw V("create")}function pn(n){throw V("defineVars")}var yn=(n,t)=>{throw V("createTheme")},xn=n=>{throw V("include")},wn=hn,vn=pn,kn=yn,_n=xn,zn={angle:n=>{throw M("angle")},color:n=>{throw M("color")},url:n=>{throw M("url")},image:n=>{throw M("image")},integer:n=>{throw M("integer")},lengthPercentage:n=>{throw M("lengthPercentage")},length:n=>{throw M("length")},percentage:n=>{throw M("percentage")},number:n=>{throw M("number")},resolution:n=>{throw M("resolution")},time:n=>{throw M("time")},transformFunction:n=>{throw M("transformFunction")},transformList:n=>{throw M("transformList")}},Mn=n=>{throw V("keyframes")},In=function(){throw V("firstThatWorks")};function W(){for(var n=arguments.length,t=new Array(n),a=0;a[{alignItems:"range-6s0dn4",display:"range-78zum5",flexDirection:"range-1q0g3np",justifyContent:"range-1qughib",marginRight:(n?29:null)==null?null:"range-1hqhkut",marginInlineStart:null,marginInlineEnd:null,$$css:!0},{"--marginRight":(t=>typeof t=="number"?t+"px":t??void 0)(n?29:null)}],textfield:{background:"range-10msy31",border:"range-1wty727",color:"range-yhbhln",display:"range-78zum5",alignItems:"range-6s0dn4",padding:"range-29crso",borderRadius:"range-1cum3z5",gap:"range-12mrbbr",cursor:"range-1ed109x",":focus-within_color":"range-xeqyu3",":focus-within_background":"range-1rhx0j6",$$css:!0},textfieldInput:n=>[{appearance:"range-jyslct",padding:"range-1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"range-1wty727",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,margin:"range-1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,background:"range-1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,color:"range-1heor9g",display:"range-1rg5ohu",textAlign:"range-2b8uid",boxSizing:"range-1afcbsf",width:n==null?null:"range-1bl4301",":focus_outline":"range-1uvtmcs",":focus_outlineColor":null,":focus_outlineOffset":null,":focus_outlineStyle":null,":focus_outlineWidth":null,$$css:!0},{"--width":(t=>typeof t=="number"?t+"px":t??void 0)(n)}],textfielInputRight:{textAlign:"range-1hr2gdg",$$css:!0},textfieldGap:{gap:"range-6gsi71",rowGap:null,columnGap:null,$$css:!0},editorValueSingle:{justifyContent:"range-l56j7k",$$css:!0},container:{width:"range-h8yej3",$$css:!0},editorDisabled:{"--color":"range-orarm7",opacity:"range-190dgpg",cursor:"range-1h6gzvc",":where(*)>*_pointerEvents":"range-vszx66",$$css:!0},editorEnabled:{"--color":"range-jcvozh",$$css:!0}};function Ln({value:n,id:t,highlight:a,i18nRegistry:l,onEnterKey:u,onKeyDown:f,onKeyPress:c,commit:y,...N}){let w=Cn(),[j,b]=(0,i.useState)(n),[h]=on(j,500),e={...jn,...N.options},{disabled:p,resetLabel:I,resetValue:v,resetIcon:k}=e,x=e.ratio==!0&&e.unit=="%"&&e.min>=0&&e.max<=100,T=(0,i.useRef)(null),D=r=>{s(r.target.value)};(0,i.useEffect)(()=>{if(h!=n){let{step:r,min:_}=e,C=parseFloat(h),g=r-(C-_)%r;(g==0||g==r)&&(g=0),g>r/2&&(g=g-r);let B=Math.min(e.max,Math.max(e.min,C+g));s(B)}},[h]);let s=r=>{b(r),r=(e.step||1)%1===0?parseInt(r,10):parseFloat(r,10),!isNaN(r)&&(r=Math.min(e.max,Math.max(e.min,r)),y(r),w())},$=r=>{if(typeof c=="function"&&c(r),r.key==="Enter"&&typeof u=="function"){u();return}},E=r=>{typeof f=="function"&&f(r);let _=r.key,C=_=="ArrowUp";if(_=="ArrowDown"||C){let g=e.step,{metaKey:B,shiftKey:J}=r;if(g=g*(J?10:B?100:1),C){s(Math.min(n+g,e.max)),r.preventDefault();return}s(Math.max(n-g,e.min)),r.preventDefault();return}},z=n||"0",L=(()=>{let{min:r,max:_,step:C}=e,g=G=>G.toString().length,B=G=>G%1===0,J=B(r)&&B(_)?g(C)-1:0;return Math.max(g(r),g(_))+J+"ch"})(),o=e.unit?l.translate(e.unit):"",{valueLabels:d,valueLabelsFile:A,showInput:q}=e,P=Sn(n,e.min,e.max);e.showMinLabel||(P=P||n===e.min),e.showMaxLabel||(P=P||n===e.max);let H=r=>d&&d[r]?d[r]:A?`${A}:${r}`:null,K=(r,_)=>{if(r<=e.min){let C=!q||_?e.min+o:null,g=e.minLabel||H(e.min)||C;return l.translate(g)}if(r>=e.max){let C=!q||_?e.max+o:null,g=e.maxLabel||H(e.max)||C;return l.translate(g)}return l.translate(H(r))},O=K(n),Q=i.default.createElement("input",{type:"range",id:!x&&!O&&q?null:t,min:e.min,max:e.max,step:e.step,value:z,onChange:D,onKeyDown:E,onKeyPress:$,disabled:p,...F(S.slider,a&&S.highlight)}),gn=(()=>{let r=v;if(x)return{value:r,unit:"%"};let _=K(r);return _?{value:_,unit:""}:{value:r,unit:o}})();return i.default.createElement("div",{...F(S.container,p?S.editorDisabled:S.editorEnabled)},typeof v>"u"?Q:i.default.createElement("div",{className:"range-78zum5 range-1jnr06f"},Q,i.default.createElement("button",{className:"range-10msy31 range-1wty727 range-1cum3z5 range-yhbhln range-1ypdohk range-lrawln range-ezl2tj range-1717udv range-3nn9bt range-e1ymxu",title:l.translate(I,null,gn),onClick:({currentTarget:r})=>{r.blur(),s(v)},disabled:p},i.default.createElement(cn.Icon,{icon:k}))),i.default.createElement("div",{...F(S.editorValue(typeof v<"u"),!e.showMinLabel&&!e.showMaxLabel&&S.editorValueSingle)},x?i.default.createElement(i.default.Fragment,null,i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMinimum"),onClick:()=>s(e.min),disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg"},z,"%"),i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMaximum"),onClick:()=>s(e.max),disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg"},100-n,"%")):i.default.createElement(i.default.Fragment,null,e.showMinLabel&&i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMinimum"),onClick:()=>s(e.min),style:{opacity:!q&&e.min>=n?1:.7},disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg"},K(e.min,!0)),!P&&!q&&i.default.createElement("span",null,"\xA0"),O&&P&&i.default.createElement("span",{className:"range-87ps6o"},O),!O&&q&&i.default.createElement("span",{...F(S.textfield,!!o&&o.toString().startsWith(" ")&&S.textfieldGap),onClick:()=>{T?.current?.focus()}},i.default.createElement("input",{id:t,title:l.translate("Neos.Neos.Ui:Main:rangeEditorCurrentValue"),type:"text",onKeyDown:E,onKeyPress:r=>{$(r),isNaN(r.key)&&r.preventDefault()},onChange:r=>b(r.target.value),value:j||"0",disabled:p,ref:T,...F(S.textfieldInput(L),o&&S.textfielInputRight)}),o&&i.default.createElement("span",{className:"range-87ps6o"},o.toString().trim())),!O&&P&&!q&&i.default.createElement("span",{className:"range-87ps6o"},z,o),e.showMaxLabel&&i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMaximum"),onClick:()=>s(e.max),style:{opacity:!q&&e.max<=n?1:.7},disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg"},K(e.max,!0)))))}function Cn(){let[,n]=(0,i.useState)(0);return()=>n(t=>t+1)}function Sn(n,t,a){return n>t&&n({i18nRegistry:n.get("i18n")})),Kn=Nn(Ln);export{Kn as default}; +import{a as Z,b as X,c as Y,d as R,e as nn}from"./chunk-DU7SBTEB.js";var rn=Z((Tn,en)=>{R();en.exports=Y("NeosProjectPackages")().NeosUiDecorators});var an=Z((Dn,tn)=>{R();tn.exports=Y("NeosProjectPackages")().ReactUiComponents});var i=X(nn(),1),sn=X(rn(),1),gn=X(an(),1);var m=X(nn());function dn(n,t,a){var l=this,u=(0,m.useRef)(null),f=(0,m.useRef)(0),g=(0,m.useRef)(null),y=(0,m.useRef)([]),N=(0,m.useRef)(),w=(0,m.useRef)(),j=(0,m.useRef)(n),b=(0,m.useRef)(!0);j.current=n;var h=typeof window<"u",e=!t&&t!==0&&h;if(typeof n!="function")throw new TypeError("Expected a function");t=+t||0;var p=!!(a=a||{}).leading,I=!("trailing"in a)||!!a.trailing,v="maxWait"in a,k="debounceOnServer"in a&&!!a.debounceOnServer,x=v?Math.max(+a.maxWait||0,t):null;(0,m.useEffect)(function(){return b.current=!0,function(){b.current=!1}},[]);var T=(0,m.useMemo)(function(){var D=function(o){var d=y.current,A=N.current;return y.current=N.current=null,f.current=o,w.current=j.current.apply(A,d)},s=function(o,d){e&&cancelAnimationFrame(g.current),g.current=e?requestAnimationFrame(o):setTimeout(o,d)},$=function(o){if(!b.current)return!1;var d=o-u.current;return!u.current||d>=t||d<0||v&&o-f.current>=x},E=function(o){return g.current=null,I&&y.current?D(o):(y.current=N.current=null,w.current)},z=function o(){var d=Date.now();if($(d))return E(d);if(b.current){var A=t-(d-u.current),q=v?Math.min(A,x-(d-f.current)):A;s(o,q)}},L=function(){if(h||k){var o=Date.now(),d=$(o);if(y.current=[].slice.call(arguments),N.current=l,u.current=o,d){if(!g.current&&b.current)return f.current=u.current,s(z,t),p?D(u.current):w.current;if(v)return s(z,t),D(u.current)}return g.current||s(z,t),w.current}};return L.cancel=function(){g.current&&(e?cancelAnimationFrame(g.current):clearTimeout(g.current)),f.current=0,y.current=u.current=N.current=g.current=null},L.isPending=function(){return!!g.current},L.flush=function(){return g.current?E(Date.now()):w.current},L},[p,v,t,x,I,e,h,k]);return T}function mn(n,t){return n===t}function on(n,t,a){var l=a&&a.equalityFn||mn,u=(0,m.useRef)(n),f=(0,m.useState)({})[1],g=dn((0,m.useCallback)(function(N){u.current=N,f({})},[f]),t,a),y=(0,m.useRef)(n);return l(y.current,n)||(g(n),y.current=n),[u.current,g]}var U={},ln;function fn(){if(ln)return U;ln=1,Object.defineProperty(U,"__esModule",{value:!0}),U.styleq=void 0;var n=new WeakMap,t="$$css";function a(u){var f,g,y;return u!=null&&(f=u.disableCache===!0,g=u.disableMix===!0,y=u.transform),function(){for(var w=[],j="",b=null,h=f?null:n,e=new Array(arguments.length),p=0;p0;){var I=e.pop();if(!(I==null||I===!1)){if(Array.isArray(I)){for(var v=0;vnew Error(`'stylex.${n}' should never be called at runtime. It should be compiled away by '@stylexjs/babel-plugin'`),M=n=>V(`types.${n}`);function F(){for(var n=arguments.length,t=new Array(n),a=0;a0&&(f.style=u),f}function bn(){let{className:n,style:t}=F(...arguments),a={};return n!=null&&n!==""&&(a.class=n),t!=null&&Object.keys(t).length>0&&(a.style=Object.keys(t).map(l=>`${l}:${t[l]};`).join("")),a}function hn(n){throw V("create")}function pn(n){throw V("defineVars")}var yn=(n,t)=>{throw V("createTheme")},xn=n=>{throw V("include")},wn=hn,vn=pn,kn=yn,_n=xn,zn={angle:n=>{throw M("angle")},color:n=>{throw M("color")},url:n=>{throw M("url")},image:n=>{throw M("image")},integer:n=>{throw M("integer")},lengthPercentage:n=>{throw M("lengthPercentage")},length:n=>{throw M("length")},percentage:n=>{throw M("percentage")},number:n=>{throw M("number")},resolution:n=>{throw M("resolution")},time:n=>{throw M("time")},transformFunction:n=>{throw M("transformFunction")},transformList:n=>{throw M("transformList")}},Mn=n=>{throw V("keyframes")},In=function(){throw V("firstThatWorks")};function W(){for(var n=arguments.length,t=new Array(n),a=0;a[{alignItems:"range-6s0dn4",display:"range-78zum5",flexDirection:"range-1q0g3np",justifyContent:"range-1qughib",marginRight:(n?29:null)==null?null:"range-1hqhkut",marginInlineStart:null,marginInlineEnd:null,$$css:!0},{"--marginRight":(t=>typeof t=="number"?t+"px":t??void 0)(n?29:null)}],textfield:{background:"range-10msy31",border:"range-1wty727",color:"range-yhbhln",display:"range-78zum5",alignItems:"range-6s0dn4",padding:"range-29crso",borderRadius:"range-1cum3z5",gap:"range-12mrbbr",cursor:"range-1ed109x",":focus-within_color":"range-xeqyu3",":focus-within_background":"range-1rhx0j6",$$css:!0},textfieldInput:n=>[{appearance:"range-jyslct",padding:"range-1717udv",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,border:"range-1wty727",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,margin:"range-1ghz6dp",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,background:"range-1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,color:"range-1heor9g",display:"range-1rg5ohu",textAlign:"range-2b8uid",boxSizing:"range-1afcbsf",width:n==null?null:"range-1bl4301",":focus_outline":"range-1uvtmcs",":focus_outlineColor":null,":focus_outlineOffset":null,":focus_outlineStyle":null,":focus_outlineWidth":null,$$css:!0},{"--width":(t=>typeof t=="number"?t+"px":t??void 0)(n)}],textfielInputRight:{textAlign:"range-1hr2gdg",$$css:!0},textfieldGap:{gap:"range-6gsi71",rowGap:null,columnGap:null,$$css:!0},editorValueSingle:{justifyContent:"range-l56j7k",$$css:!0},container:{width:"range-h8yej3",$$css:!0},editorDisabled:{"--color":"range-orarm7",opacity:"range-190dgpg",cursor:"range-1h6gzvc",":where(*)>*_pointerEvents":"range-vszx66",$$css:!0},editorEnabled:{"--color":"range-jcvozh",$$css:!0}};function Ln({value:n,id:t,highlight:a,i18nRegistry:l,onEnterKey:u,onKeyDown:f,onKeyPress:g,commit:y,...N}){let w=Cn(),[j,b]=(0,i.useState)(n),[h]=on(j,500),e={...jn,...N.options},{disabled:p,resetLabel:I,resetValue:v,resetIcon:k}=e,x=e.ratio==!0&&e.unit=="%"&&e.min>=0&&e.max<=100,T=(0,i.useRef)(null),D=r=>{s(r.target.value)};(0,i.useEffect)(()=>{if(h!=n){let{step:r,min:_}=e,C=parseFloat(h),c=r-(C-_)%r;(c==0||c==r)&&(c=0),c>r/2&&(c=c-r);let B=Math.min(e.max,Math.max(e.min,C+c));s(B)}},[h]);let s=r=>{b(r),r=(e.step||1)%1===0?parseInt(r,10):parseFloat(r,10),!isNaN(r)&&(r=Math.min(e.max,Math.max(e.min,r)),y(r),w())},$=r=>{if(typeof g=="function"&&g(r),r.key==="Enter"&&typeof u=="function"){u();return}},E=r=>{typeof f=="function"&&f(r);let _=r.key,C=_=="ArrowUp";if(_=="ArrowDown"||C){let c=e.step,{metaKey:B,shiftKey:J}=r;if(c=c*(J?10:B?100:1),C){s(Math.min(n+c,e.max)),r.preventDefault();return}s(Math.max(n-c,e.min)),r.preventDefault();return}},z=n||"0",L=(()=>{let{min:r,max:_,step:C}=e,c=G=>G.toString().length,B=G=>G%1===0,J=B(r)&&B(_)?c(C)-1:0;return Math.max(c(r),c(_))+J+"ch"})(),o=e.unit?l.translate(e.unit):"",{valueLabels:d,valueLabelsFile:A,showInput:q}=e,P=Sn(n,e.min,e.max);e.showMinLabel||(P=P||n===e.min),e.showMaxLabel||(P=P||n===e.max);let H=r=>d&&d[r]?d[r]:A?`${A}:${r}`:null,K=(r,_)=>{if(r<=e.min){let C=!q||_?e.min+o:null,c=e.minLabel||H(e.min)||C;return l.translate(c)}if(r>=e.max){let C=!q||_?e.max+o:null,c=e.maxLabel||H(e.max)||C;return l.translate(c)}return l.translate(H(r))},O=K(n),Q=i.default.createElement("input",{type:"range",id:!x&&!O&&q?null:t,min:e.min,max:e.max,step:e.step,value:z,onChange:D,onKeyDown:E,onKeyPress:$,disabled:p,...F(S.slider,a&&S.highlight)}),cn=(()=>{let r=v;if(x)return{value:r,unit:"%"};let _=K(r);return _?{value:_,unit:""}:{value:r,unit:o}})();return i.default.createElement("div",{...F(S.container,p?S.editorDisabled:S.editorEnabled)},typeof v>"u"?Q:i.default.createElement("div",{className:"range-78zum5 range-1jnr06f"},Q,i.default.createElement("button",{className:"range-10msy31 range-1wty727 range-1cum3z5 range-yhbhln range-1ypdohk range-lrawln range-ezl2tj range-1717udv range-3nn9bt range-e1ymxu",title:l.translate(I,null,cn),onClick:({currentTarget:r})=>{r.blur(),s(v)},disabled:p},i.default.createElement(gn.Icon,{icon:k}))),i.default.createElement("div",{...F(S.editorValue(typeof v<"u"),!e.showMinLabel&&!e.showMaxLabel&&S.editorValueSingle)},x?i.default.createElement(i.default.Fragment,null,i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMinimum"),onClick:()=>s(e.min),disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg range-dpxx8g"},z,"%"),i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMaximum"),onClick:()=>s(e.max),disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg range-1hr2gdg"},100-n,"%")):i.default.createElement(i.default.Fragment,null,e.showMinLabel&&i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMinimum"),onClick:()=>s(e.min),style:{opacity:!q&&e.min>=n?1:.7},disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg range-dpxx8g"},K(e.min,!0)),!P&&!q&&i.default.createElement("span",null,"\xA0"),O&&P&&i.default.createElement("span",{className:"range-87ps6o"},O),!O&&q&&i.default.createElement("span",{...F(S.textfield,!!o&&o.toString().startsWith(" ")&&S.textfieldGap),onClick:()=>{T?.current?.focus()}},i.default.createElement("input",{id:t,title:l.translate("Neos.Neos.Ui:Main:rangeEditorCurrentValue"),type:"text",onKeyDown:E,onKeyPress:r=>{$(r),isNaN(r.key)&&r.preventDefault()},onChange:r=>b(r.target.value),value:j||"0",disabled:p,ref:T,...F(S.textfieldInput(L),o&&S.textfielInputRight)}),o&&i.default.createElement("span",{className:"range-87ps6o"},o.toString().trim())),!O&&P&&!q&&i.default.createElement("span",{className:"range-87ps6o"},z,o),e.showMaxLabel&&i.default.createElement("button",{type:"button",title:l.translate("Neos.Neos.Ui:Main:rangeEditorMaximum"),onClick:()=>s(e.max),style:{opacity:!q&&e.max<=n?1:.7},disabled:p,className:"range-1ypdohk range-11g6tue range-1717udv range-1wty727 range-1heor9g range-1cum3z5 range-isnujt range-1x5k38z range-1cm8ssg range-1hr2gdg"},K(e.max,!0)))))}function Cn(){let[,n]=(0,i.useState)(0);return()=>n(t=>t+1)}function Sn(n,t,a){return n>t&&n({i18nRegistry:n.get("i18n")})),Kn=Nn(Ln);export{Kn as default}; diff --git a/build.mjs b/build.mjs index 23a2697..b3bd468 100644 --- a/build.mjs +++ b/build.mjs @@ -37,10 +37,6 @@ const options = { "Resources/Public/Plugin.css", ), stylexImports: ["@stylexjs/stylex"], - unstable_moduleResolution: { - type: "commonJS", - rootDir: __dirname, - }, }), ], }; diff --git a/package.json b/package.json index 08d942f..87a4d46 100644 --- a/package.json +++ b/package.json @@ -28,12 +28,12 @@ }, "devDependencies": { "@neos-project/neos-ui-extensibility": "~8.3.11", - "@stylexjs/esbuild-plugin": "^0.9.3", + "@stylexjs/esbuild-plugin": "^0.10.0", "esbuild": "^0.24.2", "prettier": "^3.4.2" }, "dependencies": { - "@stylexjs/stylex": "^0.9.3", + "@stylexjs/stylex": "^0.10.0", "use-debounce": "^10.0.4" }, "peerDependencies": { diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 8df6e8e..9e9b325 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,8 +9,8 @@ importers: .: dependencies: '@stylexjs/stylex': - specifier: ^0.9.3 - version: 0.9.3 + specifier: ^0.10.0 + version: 0.10.0 use-debounce: specifier: ^10.0.4 version: 10.0.4(react@19.0.0) @@ -19,8 +19,8 @@ importers: specifier: ~8.3.11 version: 8.3.11 '@stylexjs/esbuild-plugin': - specifier: ^0.9.3 - version: 0.9.3 + specifier: ^0.10.0 + version: 0.10.0 esbuild: specifier: ^0.24.2 version: 0.24.2 @@ -119,6 +119,9 @@ packages: resolution: {integrity: sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==} engines: {node: '>=6.9.0'} + '@dual-bundle/import-meta-resolve@4.1.0': + resolution: {integrity: sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==} + '@esbuild/aix-ppc64@0.24.2': resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==} engines: {node: '>=18'} @@ -293,28 +296,28 @@ packages: '@neos-project/positional-array-sorter@8.3.11': resolution: {integrity: sha512-Bo1JjzidH3yUFeBcr0e0sv+K8VAdDmO1gqTMpRusfozV+kR0Rcmb2qJJ/dgNaHI6BcNpecLZF6EJDzrqwO1Ueg==} - '@stylexjs/babel-plugin@0.9.3': - resolution: {integrity: sha512-D/zWrxddlEmVOKSMB0Ei+IOtpxK/U5ghQPaByKEUKIHVlH2Di4dYQiR8W1DjZJamD6NigR5ULB5Lait15p4gdg==} + '@stylexjs/babel-plugin@0.10.0': + resolution: {integrity: sha512-Nh5Mzl7/PlMBcnnq7KIf05pbW8phZuKgd0D58zWRgaaZd7KNKe8hGiNJAu8bShTcxzCLhslKxYwc4sxKp6k0Gw==} - '@stylexjs/esbuild-plugin@0.9.3': - resolution: {integrity: sha512-jmkDf4ns0MXZI/KTc1kAvC7Xp+c5SIoZyALsuidq1XjbYoNtD+kpAQ4/lfU08tnvCvQ48pR2OzlpY0USzMq+HQ==} + '@stylexjs/esbuild-plugin@0.10.0': + resolution: {integrity: sha512-++GQapHGCVnvGw3wnDj+DUArX7a0F66pOYQ+RSQkQwuZL7NebwSUuOmXtDxgN9f8lEG6Bmwmk1dHJjnayAlfpg==} - '@stylexjs/shared@0.9.3': - resolution: {integrity: sha512-0gtKFjZxAvDdUdoZTuvukovboD3K12BxkswKHHBRvzfcrM0rQXGMXoHS1gLRMQJ9kllJaa/I3sclbeWKyELm6Q==} + '@stylexjs/shared@0.10.0': + resolution: {integrity: sha512-Zc5JgSw+7dfCfA+LPqE7qIprvQb6zhaOLo89jpbKuuOAN+odozW0dxxkIQBlAKS0WCbHV5UOwJezN6zZpS4AKA==} - '@stylexjs/stylex@0.9.3': - resolution: {integrity: sha512-q3kYZ5bMXlVyF6Wh8b8Uwl701aSu8aEhim0AlQTaAXKMt0J6nTCWOjSwq6GNR74Ez4pcm2Ha4NDqhkYhKYGBcQ==} + '@stylexjs/stylex@0.10.0': + resolution: {integrity: sha512-nO3STzHZDSb92RADfXsNDsjspd0De84TdpkBVbC914ppMLw5hz6B35puJZ8swjEbqUZC8xYncpd3yWot+gVLeA==} babel-plugin-syntax-hermes-parser@0.25.1: resolution: {integrity: sha512-IVNpGzboFLfXZUAwkLFcI/bnqVbwky0jP3eBno4HKtqvQJAHBLdgxiG6lQ4to0+Q/YCN3PO0od5NZwIKyY4REQ==} - browserslist@4.24.3: - resolution: {integrity: sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==} + browserslist@4.24.4: + resolution: {integrity: sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==} engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true - caniuse-lite@1.0.30001690: - resolution: {integrity: sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==} + caniuse-lite@1.0.30001692: + resolution: {integrity: sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==} convert-source-map@2.0.0: resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} @@ -331,8 +334,8 @@ packages: supports-color: optional: true - electron-to-chromium@1.5.75: - resolution: {integrity: sha512-Lf3++DumRE/QmweGjU+ZcKqQ+3bKkU/qjaKYhIJKEOhgIO9Xs6IiAQFkfFoj+RhgDk4LUeNsLo6plExHqSyu6Q==} + electron-to-chromium@1.5.79: + resolution: {integrity: sha512-nYOxJNxQ9Om4EC88BE4pPoNI8xwSFf8pU/BAeOl4Hh/b/i6V4biTAzwV7pXi3ARKeoYO5JZKMIXTryXSVer5RA==} esbuild@0.24.2: resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==} @@ -343,9 +346,6 @@ packages: resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} engines: {node: '>=6'} - esm-resolve@1.0.11: - resolution: {integrity: sha512-LxF0wfUQm3ldUDHkkV2MIbvvY0TgzIpJ420jHSV1Dm+IlplBEWiJTKWM61GtxUfvjV6iD4OtTYFGAGM2uuIUWg==} - gensync@1.0.0-beta.2: resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==} engines: {node: '>=6.9.0'} @@ -411,8 +411,8 @@ packages: styleq@0.1.3: resolution: {integrity: sha512-3ZUifmCDCQanjeej1f6kyl/BeP/Vae5EYkQ9iJfUm/QwZvlgnZzyflqAsAWYURdtea8Vkvswu2GrC57h3qffcA==} - update-browserslist-db@1.1.1: - resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==} + update-browserslist-db@1.1.2: + resolution: {integrity: sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==} hasBin: true peerDependencies: browserslist: '>= 4.21.0' @@ -473,7 +473,7 @@ snapshots: dependencies: '@babel/compat-data': 7.26.3 '@babel/helper-validator-option': 7.25.9 - browserslist: 4.24.3 + browserslist: 4.24.4 lru-cache: 5.1.1 semver: 6.3.1 @@ -548,6 +548,8 @@ snapshots: '@babel/helper-string-parser': 7.25.9 '@babel/helper-validator-identifier': 7.25.9 + '@dual-bundle/import-meta-resolve@4.1.0': {} + '@esbuild/aix-ppc64@0.24.2': optional: true @@ -646,36 +648,36 @@ snapshots: '@neos-project/positional-array-sorter@8.3.11': {} - '@stylexjs/babel-plugin@0.9.3': + '@stylexjs/babel-plugin@0.10.0': dependencies: '@babel/core': 7.26.0 '@babel/helper-module-imports': 7.25.9 '@babel/traverse': 7.26.4 '@babel/types': 7.26.3 - '@stylexjs/shared': 0.9.3 - '@stylexjs/stylex': 0.9.3 - esm-resolve: 1.0.11 + '@dual-bundle/import-meta-resolve': 4.1.0 + '@stylexjs/shared': 0.10.0 + '@stylexjs/stylex': 0.10.0 transitivePeerDependencies: - supports-color - '@stylexjs/esbuild-plugin@0.9.3': + '@stylexjs/esbuild-plugin@0.10.0': dependencies: '@babel/core': 7.26.0 '@babel/plugin-syntax-flow': 7.26.0(@babel/core@7.26.0) '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.0) '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.0) - '@stylexjs/babel-plugin': 0.9.3 - '@stylexjs/shared': 0.9.3 + '@stylexjs/babel-plugin': 0.10.0 + '@stylexjs/shared': 0.10.0 babel-plugin-syntax-hermes-parser: 0.25.1 esbuild: 0.24.2 transitivePeerDependencies: - supports-color - '@stylexjs/shared@0.9.3': + '@stylexjs/shared@0.10.0': dependencies: postcss-value-parser: 4.2.0 - '@stylexjs/stylex@0.9.3': + '@stylexjs/stylex@0.10.0': dependencies: css-mediaquery: 0.1.2 invariant: 2.2.4 @@ -685,14 +687,14 @@ snapshots: dependencies: hermes-parser: 0.25.1 - browserslist@4.24.3: + browserslist@4.24.4: dependencies: - caniuse-lite: 1.0.30001690 - electron-to-chromium: 1.5.75 + caniuse-lite: 1.0.30001692 + electron-to-chromium: 1.5.79 node-releases: 2.0.19 - update-browserslist-db: 1.1.1(browserslist@4.24.3) + update-browserslist-db: 1.1.2(browserslist@4.24.4) - caniuse-lite@1.0.30001690: {} + caniuse-lite@1.0.30001692: {} convert-source-map@2.0.0: {} @@ -702,7 +704,7 @@ snapshots: dependencies: ms: 2.1.3 - electron-to-chromium@1.5.75: {} + electron-to-chromium@1.5.79: {} esbuild@0.24.2: optionalDependencies: @@ -734,8 +736,6 @@ snapshots: escalade@3.2.0: {} - esm-resolve@1.0.11: {} - gensync@1.0.0-beta.2: {} globals@11.12.0: {} @@ -780,9 +780,9 @@ snapshots: styleq@0.1.3: {} - update-browserslist-db@1.1.1(browserslist@4.24.3): + update-browserslist-db@1.1.2(browserslist@4.24.4): dependencies: - browserslist: 4.24.3 + browserslist: 4.24.4 escalade: 3.2.0 picocolors: 1.1.1