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

Rules Engine for ioBroker

import{C as d}from"./ConfigCustomJavascriptSet__loadShare__react__loadShare__-BNbscXK6.js";import{d as xe,g as Se,u as Ce,s as D,c as fe,b as Re,m as G,r as je}from"./DefaultPropsProvider-B8ZCC-c2.js";import{j as x}from"./jsx-runtime-C1csJtRx.js";import{d as Ne}from"./defaultTheme-BlO0eCf6.js";import{Z as Ue,_ as De,T as Ge,e as j,p as Ve,j as qe}from"./createTheme-Bm92JF8u.js";import{u as N,G as Xe}from"./useEnhancedEffect-aUb-5tTL.js";const Ke=e=>{var o;const t={systemProps:{},otherProps:{}},n=((o=e==null?void 0:e.theme)==null?void 0:o.unstable_sxConfig)??De;return Object.keys(e).forEach(a=>{n[a]?t.systemProps[a]=e[a]:t.otherProps[a]=e[a]}),t};function Ze(e){const{sx:t,...n}=e,{systemProps:o,otherProps:a}=Ke(n);let r;return Array.isArray(t)?r=[o,...t]:typeof t=="function"?r=(...i)=>{const u=t(...i);return Ue(u)?{...o,...u}:o}:r={...o,...t},{...a,sx:r}}function Je(e,t=166){let n;function o(...a){const r=()=>{e.apply(this,a)};clearTimeout(n),n=setTimeout(r,t)}return o.clear=()=>{clearTimeout(n)},o}function Qe(e){return e&&e.ownerDocument||document}function me(e){return Qe(e).defaultView||window}function Ye(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 a=e.map(r=>{if(r==null)return null;if(typeof r=="function"){const i=r,u=i(o);return typeof u=="function"?u:()=>{i(null)}}return r.current=o,()=>{r.current=null}});return()=>{a.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 et(e){return x.jsx(Xe,{...e,defaultTheme:Ne,themeId:Ge})}function tt(e){return function(n){return x.jsx(et,{styles:typeof e=="function"?o=>e({theme:o,...n}):e})}}function kt(){return Ze}function nt(e){return typeof e.main=="string"}function ot(e,t=[]){if(!nt(e))return!1;for(const n of t)if(!e.hasOwnProperty(n)||typeof e[n]!="string")return!1;return!0}function rt(e=[]){return([,t])=>t&&ot(t,e)}function _(e){return parseInt(e,10)||0}const it={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function at(e){for(const t in e)return!1;return!0}function be(e){return at(e)||e.outerHeightStyle===0&&!e.overflowing}const st=d.forwardRef(function(t,n){const{onChange:o,maxRows:a,minRows:r=1,style:i,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),h=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 y=F;r&&(y=Math.max(Number(r)*A,y)),a&&(y=Math.min(Number(a)*A,y)),y=Math.max(y,A);const H=y+(V==="border-box"?W+q:0),X=Math.abs(y-F)<=1;return{outerHeightStyle:H,overflowing:X}},[a,r,t.placeholder]),k=Ye(()=>{const s=f.current,l=h();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=h();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":""},[h]),B=d.useRef(-1);N(()=>{const s=Je(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()}},[h,w,k]),N(()=>{w()});const E=s=>{g||w(),o&&o(s)};return x.jsxs(d.Fragment,{children:[x.jsx("textarea",{value:u,onChange:E,ref:R,rows:r,style:i,...T}),x.jsx("textarea",{"aria-hidden":!0,className:t.className,readOnly:!0,ref:S,tabIndex:-1,style:{...it.shadow,...i,paddingTop:0,paddingBottom:0}})]})});function ge(e){return typeof e=="string"}function lt({props:e,states:t,muiFormControl:n}){return t.reduce((o,a)=>(o[a]=e[a],n&&typeof e[a]>"u"&&(o[a]=n[a]),o),{})}const Ie=d.createContext(void 0);function dt(){return d.useContext(Ie)}function he(e){return e!=null&&!(Array.isArray(e)&&e.length===0)}function ut(e,t=!1){return e&&(he(e.value)&&e.value!==""||t&&he(e.defaultValue)&&e.defaultValue!=="")}function Bt(e){return e.startAdornment}function ct(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]},pt=e=>{const{classes:t,color:n,disabled:o,error:a,endAdornment:r,focused:i,formControl:u,fullWidth:T,hiddenLabel:g,multiline:f,readOnly:R,size:b,startAdornment:S,type:h}=e,k={root:["root",`color${j(n)}`,o&&"disabled",a&&"error",T&&"fullWidth",i&&"focused",u&&"formControl",b&&b!=="medium"&&`size${j(b)}`,f&&"multiline",S&&"adornedStart",r&&"adornedEnd",g&&"hiddenLabel",R&&"readOnly"],input:["input",o&&"disabled",h==="search"&&"inputTypeSearch",f&&"inputMultiline",b==="small"&&"inputSizeSmall",g&&"inputHiddenLabel",S&&"inputAdornedStart",r&&"inputAdornedEnd",R&&"readOnly"]};return Re(k,ct,t)},Fe=D("div",{name:"MuiInputBase",slot:"Root",overridesResolver:ke})(G(({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=D("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Be})(G(({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"},a=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":a,"&:focus::-moz-placeholder":a,"&:focus::-ms-input-placeholder":a},[`&.${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=tt({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),ft=d.forwardRef(function(t,n){const o=Ce({props:t,name:"MuiInputBase"}),{"aria-describedby":a,autoComplete:r,autoFocus:i,className:u,color:T,components:g={},componentsProps:f={},defaultValue:R,disabled:b,disableInjectingGlobalStyles:S,endAdornment:h,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:y,onFocus:H,onKeyDown:X,onKeyUp:ze,placeholder:Ae,readOnly:K,renderSuffix:re,rows:$,size:vt,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=dt(),v=lt({props:o,muiFormControl:p,states:["color","disabled","error","hiddenLabel","size","required","filled"]});v.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=>{ut(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(),y&&y(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=st);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:v.color||"primary",disabled:v.disabled,endAdornment:h,error:v.error,focused:v.focused,formControl:p,fullWidth:w,hiddenLabel:v.hiddenLabel,multiline:W,size:v.size,startAdornment:L,type:se},le=pt(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},x.jsxs(d.Fragment,{children:[!S&&typeof ve=="function"&&(ye||(ye=x.jsx(ve,{}))),x.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,x.jsx(Ie.Provider,{value:null,children:x.jsx(ue,{"aria-invalid":v.error,"aria-describedby":a,autoComplete:r,autoFocus:i,defaultValue:R,disabled:v.disabled,id:B,onAnimationStart:_e,name:q,placeholder:Ae,readOnly:K,required:v.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})}),h,re?re({...v,startAdornment:L}):null]})]})});function mt(e){return Se("MuiFilledInput",e)}const z={...U,...xe("MuiFilledInput",["root","underline","input","adornedStart","adornedEnd","sizeSmall","multiline","hiddenLabel"])},bt=e=>{const{classes:t,disableUnderline:n,startAdornment:o,endAdornment:a,size:r,hiddenLabel:i,multiline:u}=e,T={root:["root",!n&&"underline",o&&"adornedStart",a&&"adornedEnd",r==="small"&&`size${j(r)}`,i&&"hiddenLabel",u&&"multiline"],input:["input"]},g=Re(T,mt,t);return{...t,...g}},gt=D(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]}})(G(({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)",a=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:a,"@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:i})=>!i.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(rt()).map(([i])=>{var u;return{props:{disableUnderline:!1,color:i},style:{"&::after":{borderBottom:`2px solid ${(u=(e.vars||e).palette[i])==null?void 0:u.main}`}}}}),{props:({ownerState:i})=>i.startAdornment,style:{paddingLeft:12}},{props:({ownerState:i})=>i.endAdornment,style:{paddingRight:12}},{props:({ownerState:i})=>i.multiline,style:{padding:"25px 12px 8px"}},{props:({ownerState:i,size:u})=>i.multiline&&u==="small",style:{paddingTop:21,paddingBottom:4}},{props:({ownerState:i})=>i.multiline&&i.hiddenLabel,style:{paddingTop:16,paddingBottom:17}},{props:({ownerState:i})=>i.multiline&&i.hiddenLabel&&i.size==="small",style:{paddingTop:8,paddingBottom:9}}]}})),ht=D(Te,{name:"MuiFilledInput",slot:"Input",overridesResolver:Be})(G(({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}}]}))),yt=d.forwardRef(function(t,n){const o=Ce({props:t,name:"MuiFilledInput"}),{disableUnderline:a=!1,components:r={},componentsProps:i,fullWidth:u=!1,hiddenLabel:T,inputComponent:g="input",multiline:f=!1,slotProps:R,slots:b={},type:S="text",...h}=o,k={...o,disableUnderline:a,fullWidth:u,inputComponent:g,multiline:f,type:S},w=bt(o),B={root:{ownerState:k},input:{ownerState:k}},E=R??i?qe(B,R??i):B,s=b.root??r.Root??gt,l=b.input??r.Input??ht;return x.jsx(ft,{slots:{root:s,input:l},slotProps:E,fullWidth:u,inputComponent:g,multiline:f,ref:n,type:S,...h,classes:w})});yt.muiName="Input";export{yt as F,et as G,ft as I,st as T,Ye as a,dt as b,rt as c,Je as d,Ze as e,z as f,tt as g,me as h,U as i,lt as j,ge as k,mt as l,ct as m,kt as n,Qe as o,Fe as p,Te as q,ke as r,Be as s,Bt as t,we as u,ut as v,Ie as w};