@skodaflow/web-library 3.4.0-alpha.0 → 4.0.1

package/build/components/label/label.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-/**
- * @interface LabelProps
- * @description Base definition of SkodaFlow Label component independent on core implementation.
- * Properties are inherited from HTML Span element.
- */
-export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Label text used as inner HTML text of component.
-     */
-    label?: string;
-}
-/**
- * @description SkodaFlow Label component.
- * @param props LabelProps
- * @returns React Functional component
- */
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
+import * as React from 'react';
+/**
+ * @interface LabelProps
+ * @description Base definition of SkodaFlow Label component independent on core implementation.
+ * Properties are inherited from HTML Span element.
+ */
+export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Label text used as inner HTML text of component.
+     */
+    label?: string;
+}
+/**
+ * @description SkodaFlow Label component.
+ * @param props LabelProps
+ * @returns React Functional component
+ */
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/label/label.js

@@ -0,0 +1,12 @@
+import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import*as r from"react";import o from"@emotion/styled";import{flowColors as i}from"../../design/skoda/palette.theme.js";const n=r.forwardRef(((o,i)=>{var{label:n,children:s}=o,p=e(o,["label","children"]);const c=n||s;return r.useEffect((()=>{}),[p]),t(a,Object.assign({},p,{ref:i,"data-testid":"Label",children:c}))})),a=o.span`
+  font-size: 11px;
+  line-height: 12px;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+  font-weight: 900;
+  margin: 0px 15px;
+  white-space: nowrap;
+  text-rendering: geometricPrecision;
+  color: ${i.onSurface.os500};
+`;export{n as Label};
+//# sourceMappingURL=label.js.map

package/build/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":[null],"names":["Label","React","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"+LAqBO,MAAMA,EAAQC,EAAMC,YAAwC,CAACC,EAA+BC,SAA/BC,MAAEA,EAAKC,SAAEA,GAAQH,EAAKI,EAAKC,EAAAL,EAA3B,sBAClE,MAAMM,EAAOJ,GAAgBC,EAI7B,OAFAL,EAAMS,WAAU,QAAU,CAACH,IAGzBI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKP,EAAO,CAAAH,IAAKA,gBAAiB,QAAOE,SAClDG,IAEH,IAMEG,EAAcG,EAAOC,IAAI;;;;;;;;;WASpBC,EAAWC,UAAUC;"}

package/build/components/labelCO2/index.d.ts

@@ -1 +1 @@
-export * from './labelCO2';
+export * from './labelCO2';

package/build/components/labelCO2/labelCO2.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-export interface LabelCO2Props {
-    variant: 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
-    size?: 'small' | 'large';
-}
-export declare const LabelCO2: React.ForwardRefExoticComponent<LabelCO2Props & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+export interface LabelCO2Props {
+    variant: 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
+    size?: 'small' | 'large';
+}
+export declare const LabelCO2: React.ForwardRefExoticComponent<LabelCO2Props & React.RefAttributes<HTMLDivElement>>;

package/build/components/labelCO2/labelCO2.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{styled as i}from"@mui/material/styles";import{ternaryCondition as a}from"../../utils/utilities.js";const l={B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100"},n=t.forwardRef((({variant:e="A+++",size:t="large"},i)=>r(o,{className:"labelCO2",variant:e,size:t,ref:i,children:r("span",{className:"labelCO2Main",children:e})}))),o=i("div")((r=>{var{variant:t,size:i,theme:n}=r;e(r,["variant","size","theme"]);let o={};const s=e=>l[e]||"#016703";return o={display:"inline-flex",flexWrap:"no-wrap",flexDirection:"row","& .labelCO2Main":{alignItems:"center",backgroundColor:s(t),boxSizing:"border-box",color:n.palette.surface.tertiary,display:"inline-flex",fontSize:a(i,"large","14px","12px"),fontWeight:700,height:a(i,"large","22px","18px"),justifyContent:"flex-start",padding:"0 5px",position:"relative"},"&::after":{content:'""',display:"flex",width:0,height:0,borderStyle:"solid",borderWidth:a(i,"large","11px 0 11px 8px","9px 0 9px 7px"),borderColor:`transparent transparent transparent ${s(t)}`},[n.breakpoints.up("lg")]:Object.assign(Object.assign({},o),{"& .labelCO2Main":{fontSize:a(i,"large","14px","12px"),height:a(i,"large","22px","20px")}})},o}));export{n as LabelCO2};
+//# sourceMappingURL=labelCO2.js.map

package/build/components/labelCO2/labelCO2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelCO2.js","sources":["../../../src/components/labelCO2/labelCO2.tsx"],"sourcesContent":[null],"names":["colorMap","B","C","D","E","F","G","LabelCO2","React","forwardRef","variant","size","ref","_jsx","LabelCO2Styled","className","children","styled","_a","theme","__rest","styles","getColor","_variant","display","flexWrap","flexDirection","alignItems","backgroundColor","boxSizing","color","palette","surface","tertiary","fontSize","ternaryCondition","fontWeight","height","justifyContent","padding","position","content","width","borderStyle","borderWidth","borderColor","breakpoints","up","Object","assign"],"mappings":"yMAIA,MAQMA,EAAW,CAAEC,EAPL,UAOeC,EANV,UAMyBC,EAL7B,UAKwCC,EAJlC,UAImDC,EAHzD,UAGoEC,EAFvE,WAQCC,EAAWC,EAAMC,YAA0C,EAAGC,UAAU,OAAQC,OAAO,SAAWC,IAE3GC,EAACC,EAAc,CAACC,UAAW,WAAYL,QAASA,EAASC,KAAMA,EAAMC,IAAKA,EAAGI,SAC3EH,EAAM,OAAA,CAAAE,UAAW,eAAiBC,SAAAN,QAKlCI,EAAiBG,EAAO,MAAPA,EAAgDC,QAAAR,QAAEA,EAAOC,KAAEA,EAAIQ,MAAEA,KAAjBC,EAAAF,EAAA,CAAA,UAAA,OAAA,UACrE,IAAIG,EAAS,CAAA,EACb,MAAMC,EAAYC,GAAavB,EAASuB,IAxBxB,UA4DhB,OAlCAF,EAAS,CACPG,QAAS,cACTC,SAAU,UACVC,cAAe,MACf,kBAAmB,CACjBC,WAAY,SACZC,gBAAiBN,EAASZ,GAC1BmB,UAAW,aACXC,MAAOX,EAAMY,QAAQC,QAAQC,SAC7BT,QAAS,cACTU,SAAUC,EAAiBxB,EAAM,QAAS,OAAQ,QAClDyB,WAAY,IACZC,OAAQF,EAAiBxB,EAAM,QAAS,OAAQ,QAChD2B,eAAgB,aAChBC,QAAS,QACTC,SAAU,YAEZ,WAAY,CACVC,QAAS,KACTjB,QAAS,OACTkB,MAAO,EACPL,OAAQ,EACRM,YAAa,QACbC,YAAaT,EAAiBxB,EAAM,QAAS,kBAAmB,iBAChEkC,YAAa,uCAAuCvB,EAASZ,MAE/D,CAACS,EAAM2B,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvB5B,GAAM,CACT,kBAAmB,CACjBa,SAAUC,EAAiBxB,EAAM,QAAS,OAAQ,QAClD0B,OAAQF,EAAiBxB,EAAM,QAAS,OAAQ,YAI/CU,CAAM"}

package/build/components/labelFeature/index.d.ts

@@ -1 +1 @@
-export * from './labelFeature';
+export * from './labelFeature';

package/build/components/labelFeature/labelFeature.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { LabelProps } from '../label';
-import { VariantType } from '../../utils/enum';
-/**
- * @interface LabelFeatureProps
- * @description Base defintion of SkodaFlow LabelFeature component independent on core implemenation.
- * Properties are inherited from LabelProps
- */
-export interface LabelFeatureProps extends LabelProps {
-    /**
-     * Label variant (primary - neutral)
-     */
-    variant?: 'primary' | 'neutral' | string | VariantType;
-}
-/**
- * @description Styled SkodaFlow LabelFeature component.
- * @param props LabelFeatureProps
- * @returns React Function Component
- */
-export declare const LabelFeature: React.ForwardRefExoticComponent<LabelFeatureProps & React.RefAttributes<HTMLSpanElement>>;
+import * as React from 'react';
+import { LabelProps } from '../label';
+import { VariantType } from '../../utils/enum';
+/**
+ * @interface LabelFeatureProps
+ * @description Base defintion of SkodaFlow LabelFeature component independent on core implemenation.
+ * Properties are inherited from LabelProps
+ */
+export interface LabelFeatureProps extends LabelProps {
+    /**
+     * Label variant (primary - neutral)
+     */
+    variant?: 'primary' | 'neutral' | string | VariantType;
+}
+/**
+ * @description Styled SkodaFlow LabelFeature component.
+ * @param props LabelFeatureProps
+ * @returns React Function Component
+ */
+export declare const LabelFeature: React.ForwardRefExoticComponent<LabelFeatureProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/labelFeature/labelFeature.js

@@ -0,0 +1,9 @@
+import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import o from"@emotion/styled";import{Label as t}from"../label/label.js";import{flowColors as i}from"../../design/skoda/palette.theme.js";import{VariantType as l}from"../../utils/enum.js";const n=e.forwardRef(((e,o)=>{var{children:t,label:i,variant:l="primary"}=e,n=r(e,["children","label","variant"]);return a(s,Object.assign({},n,{ref:o,variant:l,label:i,children:t}))})),s=o(t)`
+  --flow-label-color: ${r=>{switch(r.variant){case l.PRIMARY:return i.brand.tertiary;case l.NEUTRAL:return i.onSurface.os500;default:return i[r.variant]?i[r.variant]:i.brand.secondary}}};
+  color: ${i.onSurface.os0};
+  background-color: var(--flow-label-color);
+  padding: 4px 8px 4px 10px;
+  border-radius: 2px;
+  display: inline;
+`;export{n as LabelFeature};
+//# sourceMappingURL=labelFeature.js.map

package/build/components/labelFeature/labelFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":[null],"names":["LabelFeature","React","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"2RAuBO,MAAMA,EAAeC,EAAMC,YAChC,CAACC,EAAoDC,KAApD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAASJ,EAAKK,EAA3CC,EAAAN,EAAA,CAAA,WAAA,QAAA,YACC,OACEO,EAACC,EAAkBC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAC/DD,SAAAA,IAEH,IAOAM,EAAqBG,EAAOC,EAAyB;wBAClCP,IACrB,OAAQA,EAAMD,SACZ,KAAKS,EAAYC,QACf,OAAOC,EAAWC,MAAMC,SAC1B,KAAKJ,EAAYK,QACf,OAAOH,EAAWI,UAAUC,MAC9B,QACE,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWW,EAAWC,MAAMK,UACnF;WAEMN,EAAWI,UAAUG;;;;;"}

package/build/components/labelPromotional/index.d.ts

@@ -1 +1 @@
-export * from './labelPromotional';
+export * from './labelPromotional';

package/build/components/labelPromotional/labelPromotional.d.ts

@@ -1,26 +1,23 @@
-import * as React from 'react';
-import { LabelProps } from '../label';
-/**
- * @interface labelPromotionalProps
- * @description Base definition of SkodaFlow labelPromotional component independent on core implementation.
- * Properties are inherited from LabelProps
- */
-export interface LabelPromotionalProps extends LabelProps {
-    /**
-     * Label variant
-     */
-    variant?: 'large' | 'small';
-}
-/**
- * @description Styled SkodaFlow labelPromotional component.
- * @param props labelPromotionalProps
- * @returns React Function Component
- */
-export declare const LabelPromotional: React.ForwardRefExoticComponent<LabelPromotionalProps & React.RefAttributes<HTMLSpanElement>>;
-/**
- * @description labelPromotional styling definition
- */
-export declare const LabelPromotionalStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
-} & LabelPromotionalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface labelPromotionalProps
+ * @description Base definition of SkodaFlow labelPromotional component independent on core implementation.
+ * Properties are inherited from LabelProps
+ */
+export interface LabelPromotionalProps extends LabelProps {
+    /**
+     * Label variant
+     */
+    variant?: 'large' | 'small';
+}
+/**
+ * @description Styled SkodaFlow labelPromotional component.
+ * @param props labelPromotionalProps
+ * @returns React Function Component
+ */
+export declare const LabelPromotional: React.ForwardRefExoticComponent<LabelPromotionalProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * @description labelPromotional styling definition
+ */
+export declare const LabelPromotionalStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LabelPromotionalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/labelPromotional/labelPromotional.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{flowColors as a}from"../../design/skoda/palette.theme.js";import{styled as o}from"@mui/material";const i=t.forwardRef(((t,a)=>{var{label:o,variant:i}=t,p=e(t,["label","variant"]);return r(n,Object.assign({},p,{variant:i,label:o,"data-testid":"LabelPromotional",children:r("div",{className:"promoLabelContainer",children:r("div",{className:"promoLabelText",children:o})})}))})),n=o("div")((r=>{var t=e(r,["theme"]);const o="skew(21deg, 0deg)",i={color:a.brand.secondary,overflow:"hidden",display:"flex",borderRadius:"2px","& .promoLabelContainer":{margin:"0 6px 0 -6px",transform:"skew(-21deg, 0deg)",backgroundColor:a.brand.tertiary,position:"relative",borderRadius:"3px",display:"inline-flex",justifyContent:"center",zIndex:100},"& .promoLabelText":{letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:o}};return"small"===t.variant?Object.assign(Object.assign({},i),{"& .promoLabelText":{fontSize:"12px",letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:o,padding:"8px 10px 8px 16px"}}):Object.assign(Object.assign({},i),{"& .promoLabelText":{fontSize:"14px",letterSpacing:"1px",textTransform:"uppercase",lineHeight:"12px",fontWeight:"bold",transform:o,padding:"10px 14px 10px 20px"}})}));export{i as LabelPromotional,n as LabelPromotionalStyled};
+//# sourceMappingURL=labelPromotional.js.map

package/build/components/labelPromotional/labelPromotional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelPromotional.js","sources":["../../../src/components/labelPromotional/labelPromotional.tsx"],"sourcesContent":[null],"names":["LabelPromotional","React","forwardRef","_a","ref","label","variant","props","__rest","_jsx","LabelPromotionalStyled","Object","assign","children","className","styled","positiveSkew","styles","color","flowColors","brand","secondary","overflow","display","borderRadius","margin","transform","backgroundColor","tertiary","position","justifyContent","zIndex","letterSpacing","textTransform","lineHeight","fontWeight","fontSize","padding"],"mappings":"uMAqBO,MAAMA,EAAmBC,EAAMC,YACpC,CAACC,EAA8BC,SAA9BC,MAAEA,EAAKC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAA1B,qBACC,OACEM,EAACC,EAAsBC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAED,QAASA,EAASD,MAAOA,EAAmB,cAAA,mBAC7EQ,SAAAJ,EAAA,MAAA,CAAKK,UAAU,sBAAqBD,SAClCJ,SAAKK,UAAU,iBAAgBD,SAAER,QAGrC,IAQOK,EAAyBK,EAAO,MAAPA,EAAsCZ,IAAA,IAAYI,EAAKC,EAAAL,EAAjB,WAC1E,MAAMa,EAAe,oBAEfC,EAAS,CACbC,MAAOC,EAAWC,MAAMC,UACxBC,SAAU,SACVC,QAAS,OACTC,aAAc,MACd,yBAA0B,CACxBC,OAAQ,eACRC,UAAW,qBACXC,gBAAiBR,EAAWC,MAAMQ,SAClCC,SAAU,WACVL,aAAc,MACdD,QAAS,cACTO,eAAgB,SAChBC,OAAQ,KAEV,oBAAqB,CACnBC,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,IAGf,MACO,UADCT,EAAMD,QAGLK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAK,GACH,CAAA,oBAAqB,CACnBmB,SAAU,OACVJ,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,EACXqB,QAAS,uBAMR1B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAK,GACH,CAAA,oBAAqB,CACnBmB,SAAU,OACVJ,cAAe,MACfC,cAAe,YACfC,WAAY,OACZC,WAAY,OACZT,UAAWV,EACXqB,QAAS,wBAGhB"}

package/build/components/labelStatus/index.d.ts

@@ -1 +1 @@
-export * from './labelStatus';
+export * from './labelStatus';

package/build/components/labelStatus/labelStatus.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { LabelProps } from '../label';
-/**
- * @interface LabelStatusProps
- * @description Base definition of SkodaFlow LabelStatus component independent on core implementation.
- * Properties are inherited from LabelProps.
- */
-export interface LabelStatusProps extends LabelProps {
-    /**
-     * Label variant defines style of label
-     */
-    variant?: 'positive' | 'warning' | 'alert' | string;
-}
-/**
- * @description Styled SkodaFlow LabelStatus component
- * @param props LabelStatusProps
- * @returns React Functional Component
- */
-export declare const LabelStatus: React.ForwardRefExoticComponent<LabelStatusProps & React.RefAttributes<HTMLSpanElement>>;
+import * as React from 'react';
+import { LabelProps } from '../label';
+/**
+ * @interface LabelStatusProps
+ * @description Base definition of SkodaFlow LabelStatus component independent on core implementation.
+ * Properties are inherited from LabelProps.
+ */
+export interface LabelStatusProps extends LabelProps {
+    /**
+     * Label variant defines style of label
+     */
+    variant?: 'positive' | 'warning' | 'alert' | string;
+}
+/**
+ * @description Styled SkodaFlow LabelStatus component
+ * @param props LabelStatusProps
+ * @returns React Functional Component
+ */
+export declare const LabelStatus: React.ForwardRefExoticComponent<LabelStatusProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/labelStatus/labelStatus.js

@@ -0,0 +1,16 @@
+import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as t from"react";import e from"@emotion/styled";import{Label as i}from"../label/label.js";import{flowColors as l}from"../../design/skoda/palette.theme.js";const o=t.forwardRef(((t,e)=>{var{children:i,label:l,variant:o="positive"}=t,s=r(t,["children","label","variant"]);return a(n,Object.assign({className:"labelStatus"},s,{ref:e,variant:o,label:l,"data-testid":"LabelStatus",children:i}))})),n=e(i)`
+  --flow-label-color: ${r=>{switch(r.variant){case"alert":return l.alert.main;case"warning":return l.warning.main;case"positive":return l.positive.main;default:return l[r.variant]?l[r.variant]:r.variant}}};
+  color: ${l.text.primary};
+  &::before {
+    content: '';
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    margin-right: 8px;
+    margin-top: -2px;
+    display: inline-block;
+    vertical-align: middle;
+    background-color: var(--flow-label-color);
+  }
+`;export{o as LabelStatus};
+//# sourceMappingURL=labelStatus.js.map

package/build/components/labelStatus/labelStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":[null],"names":["LabelStatus","React","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"yOAsBO,MAAMA,EAAcC,EAAMC,YAC/B,CAACC,EAAqDC,KAArD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAUJ,EAAKK,EAA5CC,EAAAN,EAAA,CAAA,WAAA,QAAA,YACC,OACEO,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAW,eACPN,EACJ,CAAAJ,IAAKA,EACLG,QAASA,EACTD,MAAOA,EACK,cAAA,cAEXD,SAAAA,IAEH,IAOAM,EAAoBI,EAAOC,EAAwB;wBAChCR,IACrB,OAAQA,EAAMD,SACZ,IAAK,QACH,OAAOU,EAAWC,MAAY,KAChC,IAAK,UACH,OAAOD,EAAWE,QAAc,KAClC,IAAK,WACH,OAAOF,EAAWG,SAAe,KACnC,QACE,OAAOH,EAAWT,EAAMD,SAAWU,EAAWT,EAAMD,SAAWC,EAAMD,QACxE;WAEMU,EAAWI,KAAKC;;;;;;;;;;;;"}

package/build/components/menu/index.d.ts

@@ -1 +1 @@
-export * from './menu';
+export * from './menu';

package/build/components/menu/menu.d.ts

@@ -1,61 +1,61 @@
-import React from 'react';
-import { AvailableFlags } from '../flag/availableFLags';
-/**
- * @interface MenuItemObject
- * @description Single menu item containing icon class and item value
- */
-export interface MenuItemObject {
-    value: string;
-    flag: AvailableFlags;
-    title: string;
-}
-export type MenuItems = MenuItemObject[] | string[];
-/**
- * @interface MenuReactUseStateHook
- * @description The use state hook that must be provided to the Menu component.
- */
-export interface MenuReactUseStateHook {
-    state: any[];
-    setState: React.Dispatch<React.SetStateAction<any[]>>;
-}
-/**
- * @interface PaperProps
- * @description Base definition of SkodaFlow Menu independent on core implementation.
- * Properties are inherited from HTML Div element
- */
-export interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * hasIcon is used to specify if every item should have icon.
-     */
-    hasIcon?: boolean;
-    /**
-     * multipleSelection is used to allow multiple selection.
-     */
-    multipleSelection?: boolean;
-    /**
-     * Adding a label to the group.
-     */
-    groupLabel?: string;
-    /**
-     * Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,
-     * or MenuItemObject[] when hasIcon = true.
-     */
-    items: MenuItems;
-    /**
-     * The use state hook that must be provided to the Menu component.
-     */
-    reactHook: MenuReactUseStateHook;
-    /**
-     * groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.
-     */
-    groupToggleSelection?: boolean;
-    /**
-     * set the menu open state
-     */
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
-     */
-    toggleLabel?: string;
-}
-export declare const Menu: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { AvailableFlags } from '../flag/availableFLags';
+/**
+ * @interface MenuItemObject
+ * @description Single menu item containing icon class and item value
+ */
+export interface MenuItemObject {
+    value: string;
+    flag: AvailableFlags;
+    title: string;
+}
+export type MenuItems = MenuItemObject[] | string[];
+/**
+ * @interface MenuReactUseStateHook
+ * @description The use state hook that must be provided to the Menu component.
+ */
+export interface MenuReactUseStateHook {
+    state: any[];
+    setState: React.Dispatch<React.SetStateAction<any[]>>;
+}
+/**
+ * @interface PaperProps
+ * @description Base definition of SkodaFlow Menu independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * hasIcon is used to specify if every item should have icon.
+     */
+    hasIcon?: boolean;
+    /**
+     * multipleSelection is used to allow multiple selection.
+     */
+    multipleSelection?: boolean;
+    /**
+     * Adding a label to the group.
+     */
+    groupLabel?: string;
+    /**
+     * Items provided to the menu. Depending on hasIcon is set to true or false, the items should either implement string[] in case of hasIcon = false,
+     * or MenuItemObject[] when hasIcon = true.
+     */
+    items: MenuItems;
+    /**
+     * The use state hook that must be provided to the Menu component.
+     */
+    reactHook: MenuReactUseStateHook;
+    /**
+     * groupToggleSelection, providing ability to select or deselect all items. multipleSelection should be = true in order groupToggleSelection to work.
+     */
+    groupToggleSelection?: boolean;
+    /**
+     * set the menu open state
+     */
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * The toggle label displayed when groupToggleSelection is true. Default is "Select all".
+     */
+    toggleLabel?: string;
+}
+export declare const Menu: React.ForwardRefExoticComponent<PaperProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/menu/menu.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as t,jsx as o,Fragment as i}from"react/jsx-runtime";import r,{useState as l,useCallback as a,useEffect as n}from"react";import{styled as p}from"@mui/material/styles";import c from"@mui/material/MenuItem";import m from"@mui/material/MenuList";import g from"@mui/material/Paper";import s from"@mui/material/ListItemText";import u from"@mui/material/ListItemIcon";import{Checkbox as d}from"../checkbox/checkbox.js";import{ToggleSwitch as h}from"../toggleSwitch/toggleSwitch.js";import{Icon as f}from"../icon/icon.js";import b from"@mui/material/Divider";import{Typography as x}from"@mui/material";import{Flag as S}from"../flag/flag.js";const v=r.forwardRef(((r,p)=>{var{setIsOpen:g,reactHook:v,items:M,hasIcon:k,multipleSelection:L,groupToggleSelection:w,groupLabel:j="",toggleLabel:y}=r,T=e(r,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:O,setState:R}=v,[C,W]=l(!1),H=a((()=>{((e,t,o,i)=>{const r=!e;o((()=>r?[...t]:[])),i(r)})(C,M,R,W)}),[M,R,C]),D=a(((e,t)=>{((e,t,o,i,r,l)=>{const a=e?i.includes(o):i.find((e=>e.value.toString()===o)),n=e?[o]:l.filter((e=>e.value.toString()===o));r(t?a?i.filter((t=>e?t!==o:t.value.toString()!==o)):e=>[...n,...e]:a?[]:n)})(t,L,e.currentTarget.id,O,R,M)}),[M,O,L,R]),N=a(((e,i)=>{const r=e?O.includes(i):O.some((e=>e.value===i.value)),l=e?i:i.title,a=e?i:i.value;return t(c,{id:a,selected:r,onClick:t=>D(t,e),children:[k&&!e&&o(u,{children:o(S,{flag:i.flag,title:i.title})}),o(s,{children:o(x,{noWrap:!0,children:l})}),L&&o(d,{checked:r})]},a)}),[O,k,L,D]);return n((()=>{((e,t,o,i,r)=>{e&&t&&(i.length===o.length&&r(!0),i.length<o.length&&r(!1))})(L,w,M,O,W)}),[w,M,O,L]),t(I,Object.assign({},T,{ref:p,groupLabel:j,groupToggleSelection:w,multipleSelection:L.toString(),sx:j||w&&L?{paddingTop:"0px"}:{},children:[j.length>0&&t(i,{children:[t(c,{children:[o(s,{children:o(x,{noWrap:!0,children:j})}),o(u,{onClick:()=>g(!1),children:o(f,{className:"ballotx"})})]}),o(b,{variant:"middle"})]}),L&&w&&o(i,{children:t(c,{className:"menu-select-all",children:[o(s,{children:y||"Select all"}),o(h,{onClick:H,checked:C})]})}),o(m,{children:M.map((e=>N("string"==typeof e,e)))})]}))})),I=p(g,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:o}=t;const i=e(t,["theme"]);let r={};const l={height:"48px",padding:"0px 24px"};return"true"===i.multipleSelection&&(l.paddingRight="16px"),r=Object.assign(Object.assign({},r),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px","::-webkit-scrollbar":{width:"12px"},"::-webkit-scrollbar-thumb":{border:"solid 4px rgba(255, 255, 255, 0)"}},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px"},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:o.palette.onSurface.os0}},"& .MuiMenuItem-root":l}),i.groupLabel&&i.groupLabel.length>0?r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:o.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${o.palette.background.primary}`}}}):i.multipleSelection&&i.groupToggleSelection&&(r=Object.assign(Object.assign({},r),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),r}));export{v as Menu};
+//# sourceMappingURL=menu.js.map

package/build/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":[null],"names":["Menu","React","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","_jsx","ListItemIcon","children","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","Icon","className","Divider","variant","_Fragment","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","width","border","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}

package/build/components/menuItem/index.d.ts

@@ -1 +1 @@
-export * from './menuItem';
+export * from './menuItem';

package/build/components/menuItem/menuItem.d.ts

@@ -1,29 +1,29 @@
-import * as React from 'react';
-/**
- * @interface MenuItemProps
- * @description properties definition of the Menu Item
- */
-export interface MenuItemProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * key for the Menu item
-     */
-    key?: any;
-    /**
-     * id for the menu item
-     */
-    id?: any;
-    /**
-     * value of menu item
-     */
-    value?: any;
-    /**
-     *   text or component to show inside the menu item topography
-     */
-    children?: any;
-}
-/**
- * @description SkodaFlow MenuItem component.
- * @param props MenuItemProps
- * @returns React Functional component
- */
-export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLSpanElement>>;
+import * as React from 'react';
+/**
+ * @interface MenuItemProps
+ * @description properties definition of the Menu Item
+ */
+export interface MenuItemProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * key for the Menu item
+     */
+    key?: any;
+    /**
+     * id for the menu item
+     */
+    id?: any;
+    /**
+     * value of menu item
+     */
+    value?: any;
+    /**
+     *   text or component to show inside the menu item topography
+     */
+    children?: any;
+}
+/**
+ * @description SkodaFlow MenuItem component.
+ * @param props MenuItemProps
+ * @returns React Functional component
+ */
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLSpanElement>>;

package/build/components/menuItem/menuItem.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import*as i from"react";import m from"@emotion/styled";import t from"@mui/material/MenuItem";import{ListItemText as o,Typography as a}from"@mui/material";const l=i.forwardRef(((i,m)=>{var{key:t,id:l,value:d,children:c}=i,f=r(i,["key","id","value","children"]);return e(n,Object.assign({id:l,value:d},f,{children:e(o,{children:e(a,{noWrap:!0,children:c})})}),t)})),n=m(t)((e=>(r(e,["theme"]),{})));export{l as MenuItem};
+//# sourceMappingURL=menuItem.js.map

package/build/components/menuItem/menuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItem.js","sources":["../../../src/components/menuItem/menuItem.tsx"],"sourcesContent":[null],"names":["MenuItem","React","forwardRef","_a","ref","key","id","value","children","props","__rest","_jsx","MenuItemStyled","Object","assign","ListItemText","Typography","noWrap","styled","MuiMenuItem"],"mappings":"iOAiCO,MAAMA,EAAWC,EAAMC,YAC5B,CAACC,EAAwCC,KAAxC,IAAAC,IAAEA,EAAGC,GAAEA,EAAEC,MAAEA,EAAKC,SAAEA,GAAQL,EAAKM,EAA/BC,EAAAP,EAAA,CAAA,MAAA,KAAA,QAAA,aACC,OACEQ,EAACC,EAAcC,OAAAC,OAAA,CAAWR,GAAIA,EAAIC,MAAOA,GAAWE,EAAK,CAAAD,SACvDG,EAACI,EACC,CAAAP,SAAAG,EAACK,EAAU,CAACC,QAAM,EAAAT,SAAEA,QAFHH,EAKrB,IAQAO,EAAiBM,EAAOC,EAAPD,EAAuCf,IAAgBO,EAAAP,EAAhB,WACrD"}

package/build/components/mobileStepper/index.d.ts

@@ -1 +1 @@
-export * from './mobileStepper';
+export * from './mobileStepper';

package/build/components/mobileStepper/mobileStepper.d.ts

@@ -1,41 +1,41 @@
-import React from 'react';
-import { SxProps, Theme } from '@mui/material';
-export interface MobileStepperProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     *  The number of steps.
-     */
-    steps?: number;
-    /**
-     *  The activeStep of a stepper.
-     */
-    activeStep?: number;
-    /**
-     *  The variant to use.
-     */
-    variant?: 'progress';
-    /**
-     *  A back button element. For instance, it can be a Button or an IconButton.
-     */
-    backButton?: Node;
-    /**
-     *  A next button element. For instance, it can be a Button or an IconButton.
-     */
-    nextButton?: Node;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Props applied to the LinearProgress element.
-     */
-    LinearProgressProps?: object;
-    /**
-     *  The label of previous button.
-     */
-    prevButtonLabel?: string;
-    /**
-     *  The label of next button.
-     */
-    nextButtonLabel?: string;
-}
-export declare const MobileStepper: React.ForwardRefExoticComponent<MobileStepperProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface MobileStepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The number of steps.
+     */
+    steps?: number;
+    /**
+     *  The activeStep of a stepper.
+     */
+    activeStep?: number;
+    /**
+     *  The variant to use.
+     */
+    variant?: 'progress';
+    /**
+     *  A back button element. For instance, it can be a Button or an IconButton.
+     */
+    backButton?: Node;
+    /**
+     *  A next button element. For instance, it can be a Button or an IconButton.
+     */
+    nextButton?: Node;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Props applied to the LinearProgress element.
+     */
+    LinearProgressProps?: object;
+    /**
+     *  The label of previous button.
+     */
+    prevButtonLabel?: string;
+    /**
+     *  The label of next button.
+     */
+    nextButtonLabel?: string;
+}
+export declare const MobileStepper: React.ForwardRefExoticComponent<MobileStepperProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/mobileStepper/mobileStepper.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import a,{useState as o,useEffect as i}from"react";import l from"@mui/material/MobileStepper";import{styled as s,Icon as c}from"@mui/material";import{flowColors as p}from"../../design/skoda/palette.theme.js";const m=a.forwardRef(((a,s)=>{var{steps:m,activeStep:u,variant:f,backButton:x,nextButton:h,prevButtonLabel:b,nextButtonLabel:S,LinearProgressProps:B,sx:g}=a,v=t(a,["steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx"]);const[y,N]=o(u),L=(t,e)=>t>=0&&t<e,M={color:p.onSurface.os900};y<=0&&(M.color=p.disabled.primary);const k={color:p.onSurface.os900};y>=m-1&&(k.color=p.disabled.primary),i((()=>{N(u)}),[u]);return e(d,{children:e("div",{children:e(l,Object.assign({},v,{steps:m,activeStep:y,variant:f,sx:{maxWidth:380,display:"flex",alignItems:"center",position:"static",fontWeight:"400",fontSize:"16px",lineHeight:"16px",letterSpacing:"0.02em"},backButton:e(n,{children:(w=b,e(n,{children:r("div",{className:"controllerContainer","data-testid":"MobileStepper.prevBtn",style:M,onClick:()=>{L(y-1,m)&&N(y-1)},children:[e("span",{className:"MuiButton-startIcon",children:e(c,{fontSize:"small",style:M,className:"arrow-left"})}),e("span",{className:"arrowLabel",children:w})]})}))}),nextButton:e(n,{children:(I=S,e(n,{children:r("div",{className:"controllerContainer","data-testid":"MobileStepper.nextBtn",style:k,onClick:()=>{L(y+1,m)&&N(y+1)},children:[e("span",{className:"arrowLabel",children:I}),e("span",{className:"MuiButton-endIcon",children:e(c,{fontSize:"small",style:k,className:"arrow-right"})})]})}))}),"data-testid":"MobileStepper"}))})});var I,w})),d=s("div")((()=>{let t={};return t={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"16px","& .MuiButton-endIcon, .MuiButton-startIcon":{marginTop:"0px",fontWeight:"400",fontSize:"17px",lineHeight:"19px"}}},t}));export{m as MobileStepper};
+//# sourceMappingURL=mobileStepper.js.map

package/build/components/mobileStepper/mobileStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobileStepper.js","sources":["../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":[null],"names":["MobileStepper","React","forwardRef","_a","ref","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","isStepValid","stepNumber","_steps","colorp","color","flowColors","onSurface","os900","disabled","primary","colorn","useEffect","_jsx","MobileStepperStyle","children","MuiMobileStepper","Object","assign","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","_Fragment","_prevButtonLabel","_jsxs","className","style","onClick","Icon","_nextButtonLabel","styled","fontFamily","fontStyle","marginTop"],"mappings":"+SA4CO,MAAMA,EAAgBC,EAAMC,YACjC,CACEC,EAYAC,SAZAC,MACEA,EAAKC,WACLA,EAAUC,QACVA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,gBACVA,EAAeC,gBACfA,EAAeC,oBACfA,EAAmBC,GACnBA,KACGC,EAVLC,EAAAZ,EAAA,CAAA,QAAA,aAAA,UAAA,aAAA,aAAA,kBAAA,kBAAA,sBAAA,OAcA,MAAOa,EAAaC,GAAkBC,EAAcZ,GAC9Ca,EAAc,CAACC,EAAiBC,IAC7BD,GAAc,GAAKA,EAAaC,EAEnCC,EAAS,CACbC,MAAOC,EAAWC,UAAUC,OAE1BV,GAAe,IACjBM,EAAOC,MAAQC,EAAWG,SAASC,SAErC,MAAMC,EAAS,CACbN,MAAOC,EAAWC,UAAUC,OAE1BV,GAAeX,EAAQ,IACzBwB,EAAON,MAAQC,EAAWG,SAASC,SAIrCE,GAAU,KACRb,EAAeX,EAAW,GACzB,CAACA,IA6DJ,OAAOyB,EAACC,EAAkB,CAAAC,SAtBxBF,EACE,MAAA,CAAAE,SAAAF,EAACG,EAAgBC,OAAAC,OAAA,CAAA,EACXtB,EAAK,CACTT,MAAOA,EACPC,WAAYU,EACZT,QAASA,EACTM,GAAI,CACFwB,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAEjBpC,WAAYuB,EAAGc,EAAA,CAAAZ,UArDEa,EAqDYpC,EApDjCqB,EAAAc,EAAA,CAAAZ,SACEc,EACE,MAAA,CAAAC,UAAU,sBAAqB,cACnB,wBACZC,MAAO3B,EACP4B,QAAS,KACP/B,EAAYH,EAAc,EAAGX,IAAUY,EAAeD,EAAc,EAAE,EAGxEiB,SAAA,CAAAF,EAAA,OAAA,CAAMiB,UAAW,sBACff,SAAAF,EAACoB,EAAI,CAACT,SAAU,QAASO,MAAO3B,EAAQ0B,UAAW,iBAErDjB,EAAM,OAAA,CAAAiB,UAAU,sBAAcF,YAyC9BrC,WAAYsB,eApCCqB,EAoCYzC,EAnC7BoB,EAAAc,EAAA,CAAAZ,SACEc,EACE,MAAA,CAAAC,UAAU,sBAAqB,cACnB,wBACZC,MAAOpB,EACPqB,QAAS,KACP/B,EAAYH,EAAc,EAAGX,IAAUY,EAAeD,EAAc,EAAE,EAGxEiB,SAAA,CAAAF,EAAA,OAAA,CAAMiB,UAAU,aAAcf,SAAAmB,IAC9BrB,EAAM,OAAA,CAAAiB,UAAW,6BACfjB,EAACoB,EAAK,CAAAT,SAAU,QAASO,MAAOpB,EAAQmB,UAAW,wCAyBzC,uBAnBI,IAlBHI,EAlBIN,CA2D0C,IAI/Dd,EAAqBqB,EAAO,MAAPA,EAAc,KACvC,IAAIJ,EAAQ,CAAA,EAoBZ,OAlBAA,EAAQ,CACN,yBAA0B,CACxBX,QAAS,OACTC,WAAY,SACZe,WALe,aAMfC,UAAW,SACXd,WAAY,MACZC,SAAU,OACVC,WAAY,OACZ,6CAA8C,CAC5Ca,UAAW,MACXf,WAAY,MACZC,SAAU,OACVC,WAAY,UAKXM,CAAK"}