iobroker.vis-2
Version:
Next generation graphical user interface for ioBroker.
2 lines (1 loc) • 4.92 kB
JavaScript
import{i as $}from"./iobroker_vis__loadShare__react__loadShare__-CBSDylZ8.js";import"./iobroker_vis__loadShare__prop_mf_2_types__loadShare__-IJSryeM_.js";import{F as H,j as I,c as J,b as Q,g as V,t as X}from"./createStyled-KRzCdWth.js";import{f as Y,e as Z,i as v,b as ee}from"./useMediaQuery-C_6g133D.js";const te=H(),ne=(e,t)=>e.filter(n=>t.includes(n)),S=(e,t,n)=>{const o=e.keys[0];Array.isArray(t)?t.forEach((s,r)=>{n((i,m)=>{r<=e.keys.length-1&&(r===0?Object.assign(i,m):i[e.up(e.keys[r])]=m)},s)}):t&&typeof t=="object"?(Object.keys(t).length>e.keys.length?e.keys:ne(e.keys,Object.keys(t))).forEach(r=>{if(e.keys.includes(r)){const i=t[r];i!==void 0&&n((m,b)=>{o===r?Object.assign(m,b):m[e.up(r)]=b},i)}}):(typeof t=="number"||typeof t=="string")&&n((s,r)=>{Object.assign(s,r)},t)};function G(e){return`--Grid-${e}Spacing`}function x(e){return`--Grid-parent-${e}Spacing`}const E="--Grid-columns",y="--Grid-parent-columns",re=({theme:e,ownerState:t})=>{const n={};return S(e.breakpoints,t.size,(o,s)=>{let r={};s==="grow"&&(r={flexBasis:0,flexGrow:1,maxWidth:"100%"}),s==="auto"&&(r={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"}),typeof s=="number"&&(r={flexGrow:0,flexBasis:"auto",width:`calc(100% * ${s} / var(${y}) - (var(${y}) - ${s}) * (var(${x("column")}) / var(${y})))`}),o(n,r)}),n},se=({theme:e,ownerState:t})=>{const n={};return S(e.breakpoints,t.offset,(o,s)=>{let r={};s==="auto"&&(r={marginLeft:"auto"}),typeof s=="number"&&(r={marginLeft:s===0?"0px":`calc(100% * ${s} / var(${y}) + var(${x("column")}) * ${s} / var(${y}))`}),o(n,r)}),n},oe=({theme:e,ownerState:t})=>{if(!t.container)return{};const n={[E]:12};return S(e.breakpoints,t.columns,(o,s)=>{const r=s??12;o(n,{[E]:r,"> *":{[y]:r}})}),n},ie=({theme:e,ownerState:t})=>{if(!t.container)return{};const n={};return S(e.breakpoints,t.rowSpacing,(o,s)=>{var i;const r=typeof s=="string"?s:(i=e.spacing)==null?void 0:i.call(e,s);o(n,{[G("row")]:r,"> *":{[x("row")]:r}})}),n},ce=({theme:e,ownerState:t})=>{if(!t.container)return{};const n={};return S(e.breakpoints,t.columnSpacing,(o,s)=>{var i;const r=typeof s=="string"?s:(i=e.spacing)==null?void 0:i.call(e,s);o(n,{[G("column")]:r,"> *":{[x("column")]:r}})}),n},ae=({theme:e,ownerState:t})=>{if(!t.container)return{};const n={};return S(e.breakpoints,t.direction,(o,s)=>{o(n,{flexDirection:s})}),n},fe=({ownerState:e})=>({minWidth:0,boxSizing:"border-box",...e.container&&{display:"flex",flexWrap:"wrap",...e.wrap&&e.wrap!=="wrap"&&{flexWrap:e.wrap},gap:`var(${G("row")}) var(${G("column")})`}}),le=e=>{const t=[];return Object.entries(e).forEach(([n,o])=>{o!==!1&&o!==void 0&&t.push(`grid-${n}-${String(o)}`)}),t},ue=(e,t="xs")=>{function n(o){return o===void 0?!1:typeof o=="string"&&!Number.isNaN(Number(o))||typeof o=="number"&&o>0}if(n(e))return[`spacing-${t}-${String(e)}`];if(typeof e=="object"&&!Array.isArray(e)){const o=[];return Object.entries(e).forEach(([s,r])=>{n(r)&&o.push(`spacing-${s}-${String(r)}`)}),o}return[]},de=e=>e===void 0?[]:typeof e=="object"?Object.entries(e).map(([t,n])=>`direction-${t}-${n}`):[`direction-xs-${String(e)}`];function me(e,t){e.item!==void 0&&delete e.item,e.zeroMinWidth!==void 0&&delete e.zeroMinWidth,t.keys.forEach(n=>{e[n]!==void 0&&delete e[n]})}const ge=X(),pe=te("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>t.root});function ye(e){return ee({props:e,name:"MuiGrid",defaultTheme:ge})}function xe(e={}){const{createStyledComponent:t=pe,useThemeProps:n=ye,useTheme:o=Y,componentName:s="MuiGrid"}=e,r=(l,a)=>{const{container:g,direction:f,spacing:u,wrap:c,size:w}=l,h={root:["root",g&&"container",c!=="wrap"&&`wrap-xs-${String(c)}`,...de(f),...le(w),...g?ue(u,a.breakpoints.keys[0]):[]]};return Q(h,k=>V(s,k),{})};function i(l,a,g=()=>!0){const f={};return l===null||(Array.isArray(l)?l.forEach((u,c)=>{u!==null&&g(u)&&a.keys[c]&&(f[a.keys[c]]=u)}):typeof l=="object"?Object.keys(l).forEach(u=>{const c=l[u];c!=null&&g(c)&&(f[u]=c)}):f[a.keys[0]]=l),f}const m=t(oe,ce,ie,re,ae,fe,se),b=$.forwardRef(function(a,g){const f=o(),u=n(a),c=Z(u);me(c,f.breakpoints);const{className:w,children:h,columns:k=12,container:C=!1,component:z="div",direction:O="row",wrap:P="wrap",size:T={},offset:R={},spacing:j=0,rowSpacing:W=j,columnSpacing:A=j,unstable_level:p=0,...B}=c,M=i(T,f.breakpoints,d=>d!==!1),D=i(R,f.breakpoints),L=a.columns??(p?void 0:k),F=a.spacing??(p?void 0:j),K=a.rowSpacing??a.spacing??(p?void 0:W),U=a.columnSpacing??a.spacing??(p?void 0:A),N={...c,level:p,columns:L,container:C,direction:O,wrap:P,spacing:F,rowSpacing:K,columnSpacing:U,size:M,offset:D},q=r(N,f);return I.jsx(m,{ref:g,as:z,ownerState:N,className:J(q.root,w),...B,children:$.Children.map(h,d=>{var _;return $.isValidElement(d)&&v(d,["Grid"])&&C&&d.props.container?$.cloneElement(d,{unstable_level:((_=d.props)==null?void 0:_.unstable_level)??p+1}):d})})});return b.muiName="Grid",b}export{le as a,ue as b,xe as c,de as g,te as s,S as t};