UNPKG

iobroker.nspanel-lovelace-ui

Version:

NsPanel Lovelace UI is a Firmware for the nextion screen inside of NSPanel in the Design of Lovelace UI Design.

30 lines (29 loc) 13 kB
import{A as d}from"./AdminComponentEasyAccessSet__loadShare__react__loadShare__-CJmceRyn.js";import{V as Ve,W as Oe,X as Ke,Y as Re,T as V,c as Ne,R as qe,s as Ge}from"./defaultTheme-B6DpRwGi.js";import{j as g,D as He}from"./createSvgIcon-Debf11BA.js";import{a as Fe,u as Ee,c as Ue}from"./index-BTwTI1Tk.js";import{b as Te}from"./useTheme-Y4z6S2UP.js";import{G as Ye,a as Be}from"./GlobalStyles-5ozVpP3B.js";const W=new Map,ze=(e,t)=>{const o=Oe(e);return o.sheet=new t({key:o.key,nonce:o.sheet.nonce,container:o.sheet.container,speedy:o.sheet.isSpeedy,prepend:o.sheet.prepend,insertionPoint:o.sheet.insertionPoint}),o};let _;if(typeof document=="object"&&(_=document.querySelector('[name="emotion-insertion-point"]'),!_)){_=document.createElement("meta"),_.setAttribute("name","emotion-insertion-point"),_.setAttribute("content","");const e=document.querySelector("head");e&&e.prepend(_)}function Qe(e,t){if(e||t){class o extends Ke{insert(s,n){return this.key&&this.key.endsWith("global")&&(this.before=_),super.insert(s,n)}}const r=ze({key:"css",insertionPoint:e?_:void 0},o);if(t){const c=r.insert;r.insert=(...s)=>(s[1].styles.match(/^@layer\s+[^{]*$/)||(s[1].styles=`@layer mui {${s[1].styles}}`),c(...s))}return r}}function Ct(e){const{injectFirst:t,enableCssLayer:o,children:r}=e,c=d.useMemo(()=>{const s=`${t}-${o}`;if(typeof document=="object"&&W.has(s))return W.get(s);const n=Qe(t,o);return W.set(s,n),n},[t,o]);return c?g.jsx(Ve,{value:c,children:r}):r}const $e=d.createContext(null);function ee(){return d.useContext($e)}const Xe=typeof Symbol=="function"&&Symbol.for,Je=Xe?Symbol.for("mui.nested"):"__THEME_NESTED__";function We(e,t){return typeof t=="function"?t(e):{...e,...t}}function Ze(e){const{children:t,theme:o}=e,r=ee(),c=d.useMemo(()=>{const s=r===null?{...o}:We(r,o);return s!=null&&(s[Je]=r!==null),s},[o,r]);return g.jsx($e.Provider,{value:c,children:t})}function et(e){const t=Te(),o=Fe()||"",{modularCssLayers:r}=e;let c="mui.global, mui.components, mui.theme, mui.custom, mui.sx";return!r||t!==null?c="":typeof r=="string"?c=r.replace(/mui(?!\.)/g,c):c=`@layer ${c};`,Ee(()=>{var u,f;const s=document.querySelector("head");if(!s)return;const n=s.firstChild;if(c){if(n&&((u=n.hasAttribute)!=null&&u.call(n,"data-mui-layer-order"))&&n.getAttribute("data-mui-layer-order")===o)return;const p=document.createElement("style");p.setAttribute("data-mui-layer-order",o),p.textContent=c,s.prepend(p)}else(f=s.querySelector(`style[data-mui-layer-order="${o}"]`))==null||f.remove()},[c,o]),c?g.jsx(Ye,{styles:c}):null}const be={};function Me(e,t,o,r=!1){return d.useMemo(()=>{const c=e&&t[e]||t;if(typeof o=="function"){const s=o(c),n=e?{...t,[e]:s}:s;return r?()=>n:n}return e?{...t,[e]:o}:{...t,...o}},[e,t,o,r])}function we(e){const{children:t,theme:o,themeId:r}=e,c=Te(be),s=ee()||be,n=Me(r,c,o),u=Me(r,s,o,!0),f=(r?n[r]:n).direction==="rtl",p=et(n);return g.jsx(Ze,{theme:u,children:g.jsx(Re.Provider,{value:n,children:g.jsx(Ue,{value:f,children:g.jsxs(He,{value:r?n[r].components:n.components,children:[p,t]})})})})}const te="mode",oe="color-scheme",tt="data-color-scheme";function ot(e){const{defaultMode:t="system",defaultLightColorScheme:o="light",defaultDarkColorScheme:r="dark",modeStorageKey:c=te,colorSchemeStorageKey:s=oe,attribute:n=tt,colorSchemeNode:u="document.documentElement",nonce:f}=e||{};let p="",C=n;if(n==="class"&&(C=".%s"),n==="data"&&(C="[data-%s]"),C.startsWith(".")){const S=C.substring(1);p+=`${u}.classList.remove('${S}'.replace('%s', light), '${S}'.replace('%s', dark)); ${u}.classList.add('${S}'.replace('%s', colorScheme));`}const $=C.match(/\[([^\]]+)\]/);if($){const[S,m]=$[1].split("=");m||(p+=`${u}.removeAttribute('${S}'.replace('%s', light)); ${u}.removeAttribute('${S}'.replace('%s', dark));`),p+=` ${u}.setAttribute('${S}'.replace('%s', colorScheme), ${m?`${m}.replace('%s', colorScheme)`:'""'});`}else p+=`${u}.setAttribute('${C}', colorScheme);`;return g.jsx("script",{suppressHydrationWarning:!0,nonce:typeof window>"u"?f:"",dangerouslySetInnerHTML:{__html:`(function() { try { let colorScheme = ''; const mode = localStorage.getItem('${c}') || '${t}'; const dark = localStorage.getItem('${s}-dark') || '${r}'; const light = localStorage.getItem('${s}-light') || '${o}'; if (mode === 'system') { // handle system mode const mql = window.matchMedia('(prefers-color-scheme: dark)'); if (mql.matches) { colorScheme = dark } else { colorScheme = light } } if (mode === 'light') { colorScheme = light; } if (mode === 'dark') { colorScheme = dark; } if (colorScheme) { ${p} } } catch(e){}})();`}},"mui-color-scheme-init")}function rt(){}const nt=({key:e,storageWindow:t})=>(!t&&typeof window<"u"&&(t=window),{get(o){if(typeof window>"u")return;if(!t)return o;let r;try{r=t.localStorage.getItem(e)}catch{}return r||o},set:o=>{if(t)try{t.localStorage.setItem(e,o)}catch{}},subscribe:o=>{if(!t)return rt;const r=c=>{const s=c.newValue;c.key===e&&o(s)};return t.addEventListener("storage",r),()=>{t.removeEventListener("storage",r)}}});function Z(){}function ke(e){if(typeof window<"u"&&typeof window.matchMedia=="function"&&e==="system")return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function ve(e,t){if(e.mode==="light"||e.mode==="system"&&e.systemMode==="light")return t("light");if(e.mode==="dark"||e.mode==="system"&&e.systemMode==="dark")return t("dark")}function st(e){return ve(e,t=>{if(t==="light")return e.lightColorScheme;if(t==="dark")return e.darkColorScheme})}function ct(e){const{defaultMode:t="light",defaultLightColorScheme:o,defaultDarkColorScheme:r,supportedColorSchemes:c=[],modeStorageKey:s=te,colorSchemeStorageKey:n=oe,storageWindow:u=typeof window>"u"?void 0:window,storageManager:f=nt,noSsr:p=!1}=e,C=c.join(","),$=c.length>1,S=d.useMemo(()=>f==null?void 0:f({key:s,storageWindow:u}),[f,s,u]),m=d.useMemo(()=>f==null?void 0:f({key:`${n}-light`,storageWindow:u}),[f,n,u]),y=d.useMemo(()=>f==null?void 0:f({key:`${n}-dark`,storageWindow:u}),[f,n,u]),[v,A]=d.useState(()=>{const i=(S==null?void 0:S.get(t))||t,l=(m==null?void 0:m.get(o))||o,a=(y==null?void 0:y.get(r))||r;return{mode:i,systemMode:ke(i),lightColorScheme:l,darkColorScheme:a}}),[L,U]=d.useState(p||!$);d.useEffect(()=>{U(!0)},[]);const O=st(v),K=d.useCallback(i=>{A(l=>{if(i===l.mode)return l;const a=i??t;return S==null||S.set(a),{...l,mode:a,systemMode:ke(a)}})},[S,t]),I=d.useCallback(i=>{i?typeof i=="string"?i&&!C.includes(i)?console.error(`\`${i}\` does not exist in \`theme.colorSchemes\`.`):A(l=>{const a={...l};return ve(l,h=>{h==="light"&&(m==null||m.set(i),a.lightColorScheme=i),h==="dark"&&(y==null||y.set(i),a.darkColorScheme=i)}),a}):A(l=>{const a={...l},h=i.light===null?o:i.light,P=i.dark===null?r:i.dark;return h&&(C.includes(h)?(a.lightColorScheme=h,m==null||m.set(h)):console.error(`\`${h}\` does not exist in \`theme.colorSchemes\`.`)),P&&(C.includes(P)?(a.darkColorScheme=P,y==null||y.set(P)):console.error(`\`${P}\` does not exist in \`theme.colorSchemes\`.`)),a}):A(l=>(m==null||m.set(o),y==null||y.set(r),{...l,lightColorScheme:o,darkColorScheme:r}))},[C,m,y,o,r]),R=d.useCallback(i=>{v.mode==="system"&&A(l=>{const a=i!=null&&i.matches?"dark":"light";return l.systemMode===a?l:{...l,systemMode:a}})},[v.mode]),H=d.useRef(R);return H.current=R,d.useEffect(()=>{if(typeof window.matchMedia!="function"||!$)return;const i=(...a)=>H.current(...a),l=window.matchMedia("(prefers-color-scheme: dark)");return l.addListener(i),i(l),()=>{l.removeListener(i)}},[$]),d.useEffect(()=>{if($){const i=(S==null?void 0:S.subscribe(h=>{(!h||["light","dark","system"].includes(h))&&K(h||t)}))||Z,l=(m==null?void 0:m.subscribe(h=>{(!h||C.match(h))&&I({light:h})}))||Z,a=(y==null?void 0:y.subscribe(h=>{(!h||C.match(h))&&I({dark:h})}))||Z;return()=>{i(),l(),a()}}},[I,K,C,t,u,$,S,m,y]),{...v,mode:L?v.mode:void 0,systemMode:L?v.systemMode:void 0,colorScheme:L?O:void 0,setMode:K,setColorScheme:I}}const it="*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function lt(e){const{themeId:t,theme:o={},modeStorageKey:r=te,colorSchemeStorageKey:c=oe,disableTransitionOnChange:s=!1,defaultColorScheme:n,resolveTheme:u}=e,f={allColorSchemes:[],colorScheme:void 0,darkColorScheme:void 0,lightColorScheme:void 0,mode:void 0,setColorScheme:()=>{},setMode:()=>{},systemMode:void 0},p=d.createContext(void 0),C=()=>d.useContext(p)||f,$={},S={};function m(L){var ye,pe,Ce,ge;const{children:U,theme:O,modeStorageKey:K=r,colorSchemeStorageKey:I=c,disableTransitionOnChange:R=s,storageManager:H,storageWindow:i=typeof window>"u"?void 0:window,documentNode:l=typeof document>"u"?void 0:document,colorSchemeNode:a=typeof document>"u"?void 0:document.documentElement,disableNestedContext:h=!1,disableStyleSheetGeneration:P=!1,defaultMode:_e="system",noSsr:Le}=L,Y=d.useRef(!1),B=ee(),z=d.useContext(p),Q=!!z&&!h,re=d.useMemo(()=>O||(typeof o=="function"?o():o),[O]),ne=re[t],x=ne||re,{colorSchemes:j=$,components:se=S,cssVarPrefix:X}=x,ce=Object.keys(j).filter(b=>!!j[b]).join(","),D=d.useMemo(()=>ce.split(","),[ce]),ie=typeof n=="string"?n:n.light,le=typeof n=="string"?n:n.dark,Pe=j[ie]&&j[le]?_e:((pe=(ye=j[x.defaultColorScheme])==null?void 0:ye.palette)==null?void 0:pe.mode)||((Ce=x.palette)==null?void 0:Ce.mode),{mode:Ae,setMode:de,systemMode:ae,lightColorScheme:me,darkColorScheme:ue,colorScheme:Ie,setColorScheme:he}=ct({supportedColorSchemes:D,defaultLightColorScheme:ie,defaultDarkColorScheme:le,modeStorageKey:K,colorSchemeStorageKey:I,defaultMode:Pe,storageManager:H,storageWindow:i,noSsr:Le});let J=Ae,E=Ie;Q&&(J=z.mode,E=z.colorScheme);const N=d.useMemo(()=>{var G;const b=E||x.defaultColorScheme,M=((G=x.generateThemeVars)==null?void 0:G.call(x))||x.vars,k={...x,components:se,colorSchemes:j,cssVarPrefix:X,vars:M};if(typeof k.generateSpacing=="function"&&(k.spacing=k.generateSpacing()),b){const T=j[b];T&&typeof T=="object"&&Object.keys(T).forEach(w=>{T[w]&&typeof T[w]=="object"?k[w]={...k[w],...T[w]}:k[w]=T[w]})}return u?u(k):k},[x,E,se,j,X]),q=x.colorSchemeSelector;Ee(()=>{if(E&&a&&q&&q!=="media"){const b=q;let M=q;if(b==="class"&&(M=".%s"),b==="data"&&(M="[data-%s]"),b!=null&&b.startsWith("data-")&&!b.includes("%s")&&(M=`[${b}="%s"]`),M.startsWith("."))a.classList.remove(...D.map(k=>M.substring(1).replace("%s",k))),a.classList.add(M.substring(1).replace("%s",E));else{const k=M.replace("%s",E).match(/\[([^\]]+)\]/);if(k){const[G,T]=k[1].split("=");T||D.forEach(w=>{a.removeAttribute(G.replace(E,w))}),a.setAttribute(G,T?T.replace(/"|'/g,""):"")}else a.setAttribute(M,E)}}},[E,q,a,D]),d.useEffect(()=>{let b;if(R&&Y.current&&l){const M=l.createElement("style");M.appendChild(l.createTextNode(it)),l.head.appendChild(M),window.getComputedStyle(l.body),b=setTimeout(()=>{l.head.removeChild(M)},1)}return()=>{clearTimeout(b)}},[E,R,l]),d.useEffect(()=>(Y.current=!0,()=>{Y.current=!1}),[]);const De=d.useMemo(()=>({allColorSchemes:D,colorScheme:E,darkColorScheme:ue,lightColorScheme:me,mode:J,setColorScheme:he,setMode:de,systemMode:ae}),[D,E,ue,me,J,he,de,ae,N.colorSchemeSelector]);let fe=!0;(P||x.cssVariables===!1||Q&&(B==null?void 0:B.cssVarPrefix)===X)&&(fe=!1);const Se=g.jsxs(d.Fragment,{children:[g.jsx(we,{themeId:ne?t:void 0,theme:N,children:U}),fe&&g.jsx(Be,{styles:((ge=N.generateStyleSheets)==null?void 0:ge.call(N))||[]})]});return Q?Se:g.jsx(p.Provider,{value:De,children:Se})}const y=typeof n=="string"?n:n.light,v=typeof n=="string"?n:n.dark;return{CssVarsProvider:m,useColorScheme:C,getInitColorSchemeScript:L=>ot({colorSchemeStorageKey:c,defaultLightColorScheme:y,defaultDarkColorScheme:v,modeStorageKey:r,...L})}}function dt({theme:e,...t}){const o=V in e?e[V]:void 0;return g.jsx(we,{...t,themeId:o?V:void 0,theme:o||e})}const F={colorSchemeStorageKey:"mui-color-scheme",defaultLightColorScheme:"light",defaultDarkColorScheme:"dark",modeStorageKey:"mui-mode"},{CssVarsProvider:je,useColorScheme:gt,getInitColorSchemeScript:at}=lt({themeId:V,theme:()=>Ne({cssVariables:!0}),colorSchemeStorageKey:F.colorSchemeStorageKey,modeStorageKey:F.modeStorageKey,defaultColorScheme:{light:F.defaultLightColorScheme,dark:F.defaultDarkColorScheme},resolveTheme:e=>{const t={...e,typography:qe(e.palette,e.typography)};return t.unstable_sx=function(r){return Ge({sx:r,theme:this})},t}});function bt(e){return g.jsx(je,{...e})}let xe=!1;const Mt=e=>(xe||(console.warn(["MUI: The getInitColorSchemeScript function has been deprecated.","","You should use `import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'`","and replace the function call with `<InitColorSchemeScript />` instead."].join(` `)),xe=!0),at(e)),mt=je;function kt({theme:e,...t}){const o=d.useMemo(()=>{if(typeof e=="function")return e;const r=V in e?e[V]:e;return"colorSchemes"in r?null:"vars"in r?e:{...e,vars:null}},[e]);return o?g.jsx(dt,{theme:o,...t}):g.jsx(mt,{theme:e,...t})}export{mt as C,bt as E,Ct as S,kt as T,Mt as g,gt as u};