iobroker.javascript/admin/custom/assets/FilledInput-BpuM_GyB.js

Rules Engine for ioBroker

import{C as d}from"./ConfigCustomJavascriptSet__loadShare__react__loadShare__-CzzIM-HW.js";import{a as xe,g as Se,u as Ce,s as G,c as fe,b as Re,m as D,r as je}from"./DefaultPropsProvider-9qubdy-V.js";import{j as h}from"./jsx-runtime-o-xyxrOj.js";import{d as Ne}from"./defaultTheme-avbtL0lf.js";import{Z as Ue,_ as Ge,T as De,c as j,n as Ve,g as qe}from"./createTheme-BwMO3rTt.js";import{u as Xe}from"./useTheme-MELayQMj.js";import{G as Ke,u as N}from"./useEnhancedEffect-CdLBzwyA.js";function Ze({styles:e,themeId:t,defaultTheme:n={}}){const o=Xe(n),i=typeof e=="function"?e(t&&o[t]||o):e;return h.jsx(Ke,{styles:i})}const Je=e=>{var o;const t={systemProps:{},otherProps:{}},n=((o=e==null?void 0:e.theme)==null?void 0:o.unstable_sxConfig)??Ge;return Object.keys(e).forEach(i=>{n[i]?t.systemProps[i]=e[i]:t.otherProps[i]=e[i]}),t};function Qe(e){const{sx:t,...n}=e,{systemProps:o,otherProps:i}=Je(n);let r;return Array.isArray(t)?r=[o,...t]:typeof t=="function"?r=(...a)=>{const u=t(...a);return Ue(u)?{...o,...u}:o}:r={...o,...t},{...i,sx:r}}function Ye(e,t=166){let n;function o(...i){const r=()=>{e.apply(this,i)};clearTimeout(n),n=setTimeout(r,t)}return o.clear=()=>{clearTimeout(n)},o}function et(e){return e&&e.ownerDocument||document}function me(e){return et(e).defaultView||window}function tt(e){const t=d.useRef(e);return N(()=>{t.current=e}),d.useRef((...n)=>(0,t.current)(...n)).current}function we(...e){const t=d.useRef(void 0),n=d.useCallback(o=>{const i=e.map(r=>{if(r==null)return null;if(typeof r=="function"){const a=r,u=a(o);return typeof u=="function"?u:()=>{a(null)}}return r.current=o,()=>{r.current=null}});return()=>{i.forEach(r=>r==null?void 0:r())}},e);return d.useMemo(()=>e.every(o=>o==null)?null:o=>{t.current&&(t.current(),t.current=void 0),o!=null&&(t.current=n(o))},e)}function nt(e){return h.jsx(Ze,{...e,defaultTheme:Ne,themeId:De})}function ot(e){return function(n){return h.jsx(nt,{styles:typeof e=="function"?o=>e({theme:o,...n}):e})}}function Tt(){return Qe}function rt(e){return typeof e.main=="string"}function it(e,t=[]){if(!rt(e))return!1;for(const n of t)if(!e.hasOwnProperty(n)||typeof e[n]!="string")return!1;return!0}function at(e=[]){return([,t])=>t&&it(t,e)}function _(e){return parseInt(e,10)||0}const st={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function lt(e){for(const t in e)return!1;return!0}function be(e){return lt(e)||e.outerHeightStyle===0&&!e.overflowing}const dt=d.forwardRef(function(t,n){const{onChange:o,maxRows:i,minRows:r=1,style:a,value:u,...T}=t,{current:g}=d.useRef(u!=null),f=d.useRef(null),R=we(n,f),b=d.useRef(null),S=d.useRef(null),y=d.useCallback(()=>{const s=f.current,l=S.current;if(!s||!l)return;const m=me(s).getComputedStyle(s);if(m.width==="0px")return{outerHeightStyle:0,overflowing:!1};l.style.width=m.width,l.value=s.value||t.placeholder||"x",l.value.slice(-1)===`
`&&(l.value+=" ");const V=m.boxSizing,W=_(m.paddingBottom)+_(m.paddingTop),q=_(m.borderBottomWidth)+_(m.borderTopWidth),F=l.scrollHeight;l.value="x";const A=l.scrollHeight;let v=F;r&&(v=Math.max(Number(r)*A,v)),i&&(v=Math.min(Number(i)*A,v)),v=Math.max(v,A);const H=v+(V==="border-box"?W+q:0),X=Math.abs(v-F)<=1;return{outerHeightStyle:H,overflowing:X}},[i,r,t.placeholder]),k=tt(()=>{const s=f.current,l=y();if(!s||!l||be(l))return!1;const C=l.outerHeightStyle;return b.current!=null&&b.current!==C}),w=d.useCallback(()=>{const s=f.current,l=y();if(!s||!l||be(l))return;const C=l.outerHeightStyle;b.current!==C&&(b.current=C,s.style.height=`${C}px`),s.style.overflow=l.overflowing?"hidden":""},[y]),B=d.useRef(-1);N(()=>{const s=Ye(w),l=f==null?void 0:f.current;if(!l)return;const C=me(l);C.addEventListener("resize",s);let m;return typeof ResizeObserver<"u"&&(m=new ResizeObserver(()=>{k()&&(m.unobserve(l),cancelAnimationFrame(B.current),w(),B.current=requestAnimationFrame(()=>{m.observe(l)}))}),m.observe(l)),()=>{s.clear(),cancelAnimationFrame(B.current),C.removeEventListener("resize",s),m&&m.disconnect()}},[y,w,k]),N(()=>{w()});const E=s=>{g||w(),o&&o(s)};return h.jsxs(d.Fragment,{children:[h.jsx("textarea",{value:u,onChange:E,ref:R,rows:r,style:a,...T}),h.jsx("textarea",{"aria-hidden":!0,className:t.className,readOnly:!0,ref:S,tabIndex:-1,style:{...st.shadow,...a,paddingTop:0,paddingBottom:0}})]})});function ge(e){return typeof e=="string"}function ut({props:e,states:t,muiFormControl:n}){return t.reduce((o,i)=>(o[i]=e[i],n&&typeof e[i]>"u"&&(o[i]=n[i]),o),{})}const Ie=d.createContext(void 0);function ct(){return d.useContext(Ie)}function he(e){return e!=null&&!(Array.isArray(e)&&e.length===0)}function pt(e,t=!1){return e&&(he(e.value)&&e.value!==""||t&&he(e.defaultValue)&&e.defaultValue!=="")}function zt(e){return e.startAdornment}function ft(e){return Se("MuiInputBase",e)}const U=xe("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var ye;const ke=(e,t)=>{const{ownerState:n}=e;return[t.root,n.formControl&&t.formControl,n.startAdornment&&t.adornedStart,n.endAdornment&&t.adornedEnd,n.error&&t.error,n.size==="small"&&t.sizeSmall,n.multiline&&t.multiline,n.color&&t[`color${j(n.color)}`],n.fullWidth&&t.fullWidth,n.hiddenLabel&&t.hiddenLabel]},Be=(e,t)=>{const{ownerState:n}=e;return[t.input,n.size==="small"&&t.inputSizeSmall,n.multiline&&t.inputMultiline,n.type==="search"&&t.inputTypeSearch,n.startAdornment&&t.inputAdornedStart,n.endAdornment&&t.inputAdornedEnd,n.hiddenLabel&&t.inputHiddenLabel]},mt=e=>{const{classes:t,color:n,disabled:o,error:i,endAdornment:r,focused:a,formControl:u,fullWidth:T,hiddenLabel:g,multiline:f,readOnly:R,size:b,startAdornment:S,type:y}=e,k={root:["root",`color${j(n)}`,o&&"disabled",i&&"error",T&&"fullWidth",a&&"focused",u&&"formControl",b&&b!=="medium"&&`size${j(b)}`,f&&"multiline",S&&"adornedStart",r&&"adornedEnd",g&&"hiddenLabel",R&&"readOnly"],input:["input",o&&"disabled",y==="search"&&"inputTypeSearch",f&&"inputMultiline",b==="small"&&"inputSizeSmall",g&&"inputHiddenLabel",S&&"inputAdornedStart",r&&"inputAdornedEnd",R&&"readOnly"]};return Re(k,ft,t)},Fe=G("div",{name:"MuiInputBase",slot:"Root",overridesResolver:ke})(D(({theme:e})=>({...e.typography.body1,color:(e.vars||e).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${U.disabled}`]:{color:(e.vars||e).palette.text.disabled,cursor:"default"},variants:[{props:({ownerState:t})=>t.multiline,style:{padding:"4px 0 5px"}},{props:({ownerState:t,size:n})=>t.multiline&&n==="small",style:{paddingTop:1}},{props:({ownerState:t})=>t.fullWidth,style:{width:"100%"}}]}))),Te=G("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Be})(D(({theme:e})=>{const t=e.palette.mode==="light",n={color:"currentColor",...e.vars?{opacity:e.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},transition:e.transitions.create("opacity",{duration:e.transitions.duration.shorter})},o={opacity:"0 !important"},i=e.vars?{opacity:e.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%","&::-webkit-input-placeholder":n,"&::-moz-placeholder":n,"&::-ms-input-placeholder":n,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${U.formControl} &`]:{"&::-webkit-input-placeholder":o,"&::-moz-placeholder":o,"&::-ms-input-placeholder":o,"&:focus::-webkit-input-placeholder":i,"&:focus::-moz-placeholder":i,"&:focus::-ms-input-placeholder":i},[`&.${U.disabled}`]:{opacity:1,WebkitTextFillColor:(e.vars||e).palette.text.disabled},variants:[{props:({ownerState:r})=>!r.disableInjectingGlobalStyles,style:{animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}}},{props:{size:"small"},style:{paddingTop:1}},{props:({ownerState:r})=>r.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),ve=ot({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),bt=d.forwardRef(function(t,n){const o=Ce({props:t,name:"MuiInputBase"}),{"aria-describedby":i,autoComplete:r,autoFocus:a,className:u,color:T,components:g={},componentsProps:f={},defaultValue:R,disabled:b,disableInjectingGlobalStyles:S,endAdornment:y,error:k,fullWidth:w=!1,id:B,inputComponent:E="input",inputProps:s={},inputRef:l,margin:C,maxRows:m,minRows:V,multiline:W=!1,name:q,onBlur:F,onChange:A,onClick:v,onFocus:H,onKeyDown:X,onKeyUp:ze,placeholder:Ae,readOnly:K,renderSuffix:re,rows:$,size:St,slotProps:ie={},slots:ae={},startAdornment:L,type:se="text",value:Pe,...Ee}=o,O=s.value!=null?s.value:Pe,{current:Z}=d.useRef(O!=null),P=d.useRef(),Le=d.useCallback(c=>{},[]),Me=we(P,l,s.ref,Le),[J,Q]=d.useState(!1),p=ct(),x=ut({props:o,muiFormControl:p,states:["color","disabled","error","hiddenLabel","size","required","filled"]});x.focused=p?p.focused:J,d.useEffect(()=>{!p&&b&&J&&(Q(!1),F&&F())},[p,b,J,F]);const Y=p&&p.onFilled,ee=p&&p.onEmpty,M=d.useCallback(c=>{pt(c)?Y&&Y():ee&&ee()},[Y,ee]);N(()=>{Z&&M({value:O})},[O,M,Z]);const We=c=>{H&&H(c),s.onFocus&&s.onFocus(c),p&&p.onFocus?p.onFocus(c):Q(!0)},He=c=>{F&&F(c),s.onBlur&&s.onBlur(c),p&&p.onBlur?p.onBlur(c):Q(!1)},$e=(c,...ce)=>{if(!Z){const pe=c.target||P.current;if(pe==null)throw new Error(Ve(1));M({value:pe.value})}s.onChange&&s.onChange(c,...ce),A&&A(c,...ce)};d.useEffect(()=>{M(P.current)},[]);const Oe=c=>{P.current&&c.currentTarget===c.target&&P.current.focus(),v&&v(c)};let te=E,I=s;W&&te==="input"&&($?I={type:void 0,minRows:$,maxRows:$,...I}:I={type:void 0,maxRows:m,minRows:V,...I},te=dt);const _e=c=>{M(c.animationName==="mui-auto-fill-cancel"?P.current:{value:"x"})};d.useEffect(()=>{p&&p.setAdornedStart(!!L)},[p,L]);const ne={...o,color:x.color||"primary",disabled:x.disabled,endAdornment:y,error:x.error,focused:x.focused,formControl:p,fullWidth:w,hiddenLabel:x.hiddenLabel,multiline:W,size:x.size,startAdornment:L,type:se},le=mt(ne),de=ae.root||g.Root||Fe,oe=ie.root||f.root||{},ue=ae.input||g.Input||Te;return I={...I,...ie.input??f.input},h.jsxs(d.Fragment,{children:[!S&&typeof ve=="function"&&(ye||(ye=h.jsx(ve,{}))),h.jsxs(de,{...oe,ref:n,onClick:Oe,...Ee,...!ge(de)&&{ownerState:{...ne,...oe.ownerState}},className:fe(le.root,oe.className,u,K&&"MuiInputBase-readOnly"),children:[L,h.jsx(Ie.Provider,{value:null,children:h.jsx(ue,{"aria-invalid":x.error,"aria-describedby":i,autoComplete:r,autoFocus:a,defaultValue:R,disabled:x.disabled,id:B,onAnimationStart:_e,name:q,placeholder:Ae,readOnly:K,required:x.required,rows:$,value:O,onKeyDown:X,onKeyUp:ze,type:se,...I,...!ge(ue)&&{as:te,ownerState:{...ne,...I.ownerState}},ref:Me,className:fe(le.input,I.className,K&&"MuiInputBase-readOnly"),onBlur:He,onChange:$e,onFocus:We})}),y,re?re({...x,startAdornment:L}):null]})]})});function gt(e){return Se("MuiFilledInput",e)}const z={...U,...xe("MuiFilledInput",["root","underline","input","adornedStart","adornedEnd","sizeSmall","multiline","hiddenLabel"])},ht=e=>{const{classes:t,disableUnderline:n,startAdornment:o,endAdornment:i,size:r,hiddenLabel:a,multiline:u}=e,T={root:["root",!n&&"underline",o&&"adornedStart",i&&"adornedEnd",r==="small"&&`size${j(r)}`,a&&"hiddenLabel",u&&"multiline"],input:["input"]},g=Re(T,gt,t);return{...t,...g}},yt=G(Fe,{shouldForwardProp:e=>je(e)||e==="classes",name:"MuiFilledInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[...ke(e,t),!n.disableUnderline&&t.underline]}})(D(({theme:e})=>{const t=e.palette.mode==="light",n=t?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)",o=t?"rgba(0, 0, 0, 0.06)":"rgba(255, 255, 255, 0.09)",i=t?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.13)",r=t?"rgba(0, 0, 0, 0.12)":"rgba(255, 255, 255, 0.12)";return{position:"relative",backgroundColor:e.vars?e.vars.palette.FilledInput.bg:o,borderTopLeftRadius:(e.vars||e).shape.borderRadius,borderTopRightRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),"&:hover":{backgroundColor:e.vars?e.vars.palette.FilledInput.hoverBg:i,"@media (hover: none)":{backgroundColor:e.vars?e.vars.palette.FilledInput.bg:o}},[`&.${z.focused}`]:{backgroundColor:e.vars?e.vars.palette.FilledInput.bg:o},[`&.${z.disabled}`]:{backgroundColor:e.vars?e.vars.palette.FilledInput.disabledBg:r},variants:[{props:({ownerState:a})=>!a.disableUnderline,style:{"&::after":{left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${z.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${z.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`:n}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${z.disabled}, .${z.error}):before`]:{borderBottom:`1px solid ${(e.vars||e).palette.text.primary}`},[`&.${z.disabled}:before`]:{borderBottomStyle:"dotted"}}},...Object.entries(e.palette).filter(at()).map(([a])=>{var u;return{props:{disableUnderline:!1,color:a},style:{"&::after":{borderBottom:`2px solid ${(u=(e.vars||e).palette[a])==null?void 0:u.main}`}}}}),{props:({ownerState:a})=>a.startAdornment,style:{paddingLeft:12}},{props:({ownerState:a})=>a.endAdornment,style:{paddingRight:12}},{props:({ownerState:a})=>a.multiline,style:{padding:"25px 12px 8px"}},{props:({ownerState:a,size:u})=>a.multiline&&u==="small",style:{paddingTop:21,paddingBottom:4}},{props:({ownerState:a})=>a.multiline&&a.hiddenLabel,style:{paddingTop:16,paddingBottom:17}},{props:({ownerState:a})=>a.multiline&&a.hiddenLabel&&a.size==="small",style:{paddingTop:8,paddingBottom:9}}]}})),vt=G(Te,{name:"MuiFilledInput",slot:"Input",overridesResolver:Be})(D(({theme:e})=>({paddingTop:25,paddingRight:12,paddingBottom:8,paddingLeft:12,...!e.vars&&{"&:-webkit-autofill":{WebkitBoxShadow:e.palette.mode==="light"?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:e.palette.mode==="light"?null:"#fff",caretColor:e.palette.mode==="light"?null:"#fff",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}},...e.vars&&{"&:-webkit-autofill":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"},[e.getColorSchemeSelector("dark")]:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #266798 inset",WebkitTextFillColor:"#fff",caretColor:"#fff"}}},variants:[{props:{size:"small"},style:{paddingTop:21,paddingBottom:4}},{props:({ownerState:t})=>t.hiddenLabel,style:{paddingTop:16,paddingBottom:17}},{props:({ownerState:t})=>t.startAdornment,style:{paddingLeft:0}},{props:({ownerState:t})=>t.endAdornment,style:{paddingRight:0}},{props:({ownerState:t})=>t.hiddenLabel&&t.size==="small",style:{paddingTop:8,paddingBottom:9}},{props:({ownerState:t})=>t.multiline,style:{paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0}}]}))),xt=d.forwardRef(function(t,n){const o=Ce({props:t,name:"MuiFilledInput"}),{disableUnderline:i=!1,components:r={},componentsProps:a,fullWidth:u=!1,hiddenLabel:T,inputComponent:g="input",multiline:f=!1,slotProps:R,slots:b={},type:S="text",...y}=o,k={...o,disableUnderline:i,fullWidth:u,inputComponent:g,multiline:f,type:S},w=ht(o),B={root:{ownerState:k},input:{ownerState:k}},E=R??a?qe(B,R??a):B,s=b.root??r.Root??yt,l=b.input??r.Input??vt;return h.jsx(bt,{slots:{root:s,input:l},slotProps:E,fullWidth:u,inputComponent:g,multiline:f,ref:n,type:S,...y,classes:w})});xt.muiName="Input";export{xt as F,nt as G,bt as I,dt as T,we as a,ct as b,at as c,Ye as d,Qe as e,z as f,ot as g,me as h,U as i,ut as j,ge as k,gt as l,ft as m,Tt as n,et as o,Fe as p,Te as q,ke as r,Be as s,zt as t,tt as u,pt as v,Ie as w};