@zeniai/web-cockpit-ui 1.15.63-qa → 1.15.64-dev

package/dist/assets/TimeframeSwitcherWithToggle-DyggDIQj-yshKro9r.js

@@ -1,53 +0,0 @@
-import{e as c,V as t,ac as g,x as m,o as n,ak as p,bL as w}from"./index-CurP1SOA.js";import{n as a}from"./mui-BxEa6oIz.js";import{T as f}from"./TimeframeSwitcher-DA99HdHt-NQjsVR_-.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="cae7e0af-3f58-4e50-a58c-7c906771bf3f",e._sentryDebugIdIdentifier="sentry-dbid-cae7e0af-3f58-4e50-a58c-7c906771bf3f")}catch{}})();const s="ZeniSwitch",i={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},x=({className:e,...o})=>t.jsx(w,{...o,className:e,classes:{...i}}),y=a(x)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>t.jsx(y,{...e}),l={timeframePaddingLeft:new m(0,0,125),timeframePaddingBottom:new m(8,8,0)},$=a.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-`,k=a.div`
-  display: grid;
-  width: 100%;
-  grid-template-columns: 1fr auto 1fr;
-  align-items: center;
-  column-gap: ${n.sp3};
-`,j=a.div`
-  min-width: 0;
-`,T=a.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,v=a.div`
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  justify-content: center;
-  padding-left: ${e=>l.timeframePaddingLeft.valuePx(e.windowSize)};
-  padding-bottom: ${e=>l.timeframePaddingBottom.valuePx(e.windowSize)};
-`,B=a.div`
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-`,C=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  gap: ${n.sp5};
-  flex-wrap: wrap;
-  flex-shrink: 0;
-  max-width: 520px;
-  justify-self: end;
-`,S=a.div``,L=a.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: ${n.sp2};
-  flex-shrink: 0;
-`,P=a(p)`
-  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
-  opacity: ${e=>e.isDisabled?.5:1};
-`,d=({label:e,isOn:o,isToggleDisabled:r,onValueChanged:h})=>t.jsxs(L,{children:[t.jsx(P,{isOn:o,isDisabled:r===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:r===!0,disableRipple:r===!0,onChange:u=>{h(u.target.checked)}})]}),D=e=>{const o=c();return t.jsxs($,{children:[t.jsx(v,{windowSize:o,children:t.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsxs(B,{"data-testid":g("timeframe-compare-toggle"),children:[t.jsx(d,{...e.toggle}),e.secondaryToggle!=null?t.jsx("div",{"data-testid":e.secondaryToggleDataTestId,children:t.jsx(d,{...e.secondaryToggle})}):null]})]})},I=e=>{const o=c();return t.jsxs(k,{children:[t.jsx(j,{"aria-hidden":!0}),t.jsx(T,{windowSize:o,children:t.jsx(f,{selectedTimeframe:e.timeframe.selectedTimeframe,timeframes:e.timeframe.allowedTimeframes,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsxs(C,{"data-testid":g("timeframe-compare-toggle"),children:[t.jsx(d,{...e.toggle}),e.secondaryToggle!=null?t.jsx(S,{"data-testid":e.secondaryToggleDataTestId,children:t.jsx(d,{...e.secondaryToggle})}):null]})]})};function _(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(D,{...e}):t.jsx(I,{...e})}export{_ as X};