@skodaflow/web-library 8.1.0 → 8.2.0

package/cjs/materialui/autocomplete/autocomplete.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),t=require("../../components/icon/stroke/ChevronDownIcon.js"),o=require("../../components/icon/stroke/CloseIcon.js"),r=require("../menu/menu.theme.js"),i=require("../menu/menuItem.theme.js"),p=require("../button/interactive.js");const a={defaultProps:{onPointerDown:e=>{const n=e.currentTarget.querySelector(".MuiFormControl-root");n&&!n.contains(e.target)&&n.dispatchEvent(new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,pointerType:e.pointerType}))},popupIcon:e.jsx(t.ChevronDownIcon,{}),clearIcon:e.jsx(o.CloseIcon,{}),noOptionsText:"No matching results",slots:{listbox:n.MenuList},renderOption:({key:t,...o},r,i,p)=>e.jsxs(n.MenuItem,{...o,children:[p?.multiple&&e.jsx(n.Checkbox,{checked:i.selected,tabIndex:-1}),e.jsx(n.ListItemText,{children:r?.label??r})]},t),renderTags:t=>(Array.isArray(t)?t:[t]).map((o,r)=>e.jsx(n.Box,{component:"span",children:`${o}${(Array.isArray(t)?t:[t]).length!==r+1?", ":""}`},o))},styleOverrides:{root:({theme:e})=>({"& .MuiFilledInput-root":{gap:e.spacing(.5),padding:"24px 12px 8px","&.MuiInputBase-hiddenLabel":{padding:"18px 12px 14px"},"&.MuiInputBase-sizeSmall":{padding:"22px 12px 4px","&.MuiInputBase-hiddenLabel":{padding:"14px 12px 12px"}},"&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel":{"& .MuiFilledInput-input":{padding:"0"}}}}),popupIndicator:{transition:"none",...p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}},clearIndicator:{visibility:"visible",transition:"none",...p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"},"& + .MuiAutocomplete-popupIndicator":{display:"none"}},tag:{margin:"0","&.MuiChip-root":{padding:"0px 8px","& .MuiChip-deleteIcon":{"&, &:last-of-type":{marginLeft:"2px"}}}},popper:{"& .MuiAutocomplete-listbox":{padding:"0",maxHeight:"240px",overflow:"auto"}},paper:r.flowMenu.styleOverrides.paper,option:i.flowMenuItem.styleOverrides.root,noOptions:[i.flowMenuItem.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};exports.flowAutocomplete=a;
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronDownIcon.js"),n=require("../../components/icon/stroke/CloseIcon.js"),r=require("../menu/menu.theme.js"),i=require("../menu/menuItem.theme.js"),p=require("../button/interactive.js");const a={defaultProps:{onPointerDown:e=>{const t=e.currentTarget.querySelector(".MuiFormControl-root");t&&!t.contains(e.target)&&t.dispatchEvent(new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,pointerType:e.pointerType}))},popupIcon:e.jsx(o.ChevronDownIcon,{}),clearIcon:e.jsx(n.CloseIcon,{}),noOptionsText:"No matching results",slots:{listbox:t.MenuList},renderOption:({key:o,...n},r,i,p)=>e.jsxs(t.MenuItem,{...n,children:[p?.multiple&&e.jsx(t.Checkbox,{checked:i.selected,tabIndex:-1}),e.jsx(t.ListItemText,{children:r?.label??r})]},o),renderValue:o=>(Array.isArray(o)?o:[o]).map((n,r)=>e.jsx(t.Box,{component:"span",className:"FlowAutoComplete-value",children:`${n}${(Array.isArray(o)?o:[o]).length!==r+1?", ":""}`},`${n}`))},styleOverrides:{root:({theme:e})=>({"& .FlowAutoComplete-value + .MuiAutocomplete-input":{"&::-webkit-input-placeholder":{color:"transparent"}},"& .MuiFilledInput-root":{gap:e.spacing(.5),padding:"24px 12px 8px","&.MuiInputBase-hiddenLabel":{padding:"18px 12px 14px"},"&.MuiInputBase-sizeSmall":{padding:"22px 12px 4px","&.MuiInputBase-hiddenLabel":{padding:"14px 12px 12px"}},"&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel":{"& .MuiFilledInput-input":{padding:"0"}}}}),popupIndicator:{transition:"none",...p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}},clearIndicator:{visibility:"visible",transition:"none",...p.getInteractiveStyle({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"},"& + .MuiAutocomplete-popupIndicator":{display:"none"}},tag:{margin:"0","&.MuiChip-root":{padding:"0px 8px","& .MuiChip-deleteIcon":{"&, &:last-of-type":{marginLeft:"2px"}}}},popper:{"& .MuiAutocomplete-listbox":{padding:"0",maxHeight:"240px",overflow:"auto"}},paper:r.flowMenu.styleOverrides.paper,option:i.flowMenuItem.styleOverrides.root,noOptions:[i.flowMenuItem.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};exports.flowAutocomplete=a;
 //# sourceMappingURL=autocomplete.theme.js.map

package/cjs/materialui/autocomplete/autocomplete.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.theme.js","sources":["../../../../../src/materialui/autocomplete/autocomplete.theme.tsx"],"sourcesContent":["import { Components, Theme, ComponentsOverrides } from '@mui/material/styles';\nimport { Box, MenuList, MenuItem, ListItemText, Checkbox } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAutocomplete: Components<Theme>['MuiAutocomplete'] = {\n  defaultProps: {\n    // ensure clicking on AutoComplete sent event to FormControl to correctly handle FocusRing\n    onPointerDown: (e) => {\n      const formControlEl = e.currentTarget.querySelector('.MuiFormControl-root');\n      // we have formControl and click is outside of it (clicking on margin from helperText)\n      if (formControlEl && !formControlEl.contains(e.target as Node)) {\n        // sent pointerDown event to it\n        formControlEl.dispatchEvent(\n          new PointerEvent('pointerdown', {\n            bubbles: true,\n            cancelable: true,\n            pointerType: e.pointerType,\n          }),\n        );\n      }\n    },\n    popupIcon: <ChevronDownIcon />,\n    clearIcon: <CloseIcon />,\n    noOptionsText: 'No matching results',\n    slots: {\n      // we are replacing listbox to remove Autocomplete styling and match with Menu design\n      listbox: MenuList,\n    },\n    // option matched with design of menu with Checkbox for multiple choices\n    renderOption: ({ key, ...rest }, option, state, ownerState) => {\n      return (\n        <MenuItem key={key} {...rest}>\n          {ownerState?.multiple && <Checkbox checked={state.selected} tabIndex={-1} />}\n          <ListItemText>{option?.label ?? option}</ListItemText>\n        </MenuItem>\n      );\n    },\n    // in @mui v7 renamed to renderValue, but it changes behavior for single value input\n    renderTags: (value) =>\n      (Array.isArray(value) ? value : [value]).map((v, idx) => (\n        <Box key={v} component=\"span\">\n          {`${v}${(Array.isArray(value) ? value : [value]).length !== idx + 1 ? ', ' : ''}`}\n        </Box>\n      )),\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // overwrite autoComplete default styling and match with TextField\n      '& .MuiFilledInput-root': {\n        // gap between tags and input\n        gap: theme.spacing(0.5),\n        // field proportions matched with textfield\n        padding: '24px 12px 8px',\n        // hidden label for variant with placeholder\n        '&.MuiInputBase-hiddenLabel': {\n          padding: '18px 12px 14px',\n        },\n        // small\n        '&.MuiInputBase-sizeSmall': {\n          padding: '22px 12px 4px',\n          '&.MuiInputBase-hiddenLabel': {\n            padding: '14px 12px 12px',\n          },\n        },\n        // moved padding from input to allow wrap with too many tags\n        '&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel': {\n          '& .MuiFilledInput-input': {\n            padding: '0',\n          },\n        },\n      },\n    }),\n    // select arrow\n    popupIndicator: {\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n    },\n    // 'x' clear button\n    clearIndicator: {\n      // keep always visible once the value is selected\n      visibility: 'visible',\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n      // select arrow next to it\n      '& + .MuiAutocomplete-popupIndicator': {\n        // hide it\n        display: 'none',\n      },\n    },\n    // chip tags, no longer used as we overwrite renderTags fn\n    tag: {\n      // space between multiple chips and limit tags text\n      margin: '0',\n      '&.MuiChip-root': {\n        // reduce size\n        padding: '0px 8px',\n        '& .MuiChip-deleteIcon': {\n          '&, &:last-of-type': {\n            marginLeft: '2px',\n          },\n        },\n      },\n    },\n    // select popover\n    popper: {\n      // direct style of listBox is not used, as it is overwritten via slots property to remove default styling\n      '& .MuiAutocomplete-listbox': {\n        padding: '0',\n        maxHeight: '240px',\n        // necessary to make scroll with keyboard navigation work\n        overflow: 'auto',\n      },\n    },\n    // holder of list\n    paper: flowMenu.styleOverrides.paper as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // list options\n    option: flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // no matching result\n    noOptions: [\n      flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n      {\n        pointerEvents: 'none',\n        cursor: 'auto',\n      },\n    ],\n  },\n};\n"],"names":["flowAutocomplete","defaultProps","onPointerDown","e","formControlEl","currentTarget","querySelector","contains","target","dispatchEvent","PointerEvent","bubbles","cancelable","pointerType","popupIcon","_jsx","ChevronDownIcon","clearIcon","CloseIcon","noOptionsText","slots","listbox","MenuList","renderOption","key","rest","option","state","ownerState","_jsxs","MenuItem","multiple","Checkbox","checked","selected","tabIndex","ListItemText","children","label","renderTags","value","Array","isArray","map","v","idx","Box","component","length","styleOverrides","root","theme","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","color","backgroundColor","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","marginLeft","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents","cursor"],"mappings":"+SAQO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,cAAgBC,IACd,MAAMC,EAAgBD,EAAEE,cAAcC,cAAc,wBAEhDF,IAAkBA,EAAcG,SAASJ,EAAEK,SAE7CJ,EAAcK,cACZ,IAAIC,aAAa,cAAe,CAC9BC,SAAS,EACTC,YAAY,EACZC,YAAaV,EAAEU,gBAKvBC,UAAWC,EAAAA,IAACC,EAAAA,gBAAe,IAC3BC,UAAWF,EAAAA,IAACG,EAAAA,UAAS,IACrBC,cAAe,sBACfC,MAAO,CAELC,QAASC,EAAAA,UAGXC,aAAc,EAAGC,SAAQC,GAAQC,EAAQC,EAAOC,IAE5CC,OAACC,EAAAA,SAAQ,IAAeL,YACrBG,GAAYG,UAAYhB,EAAAA,IAACiB,WAAQ,CAACC,QAASN,EAAMO,SAAUC,UAAU,IACtEpB,EAAAA,IAACqB,EAAAA,aAAY,CAAAC,SAAEX,GAAQY,OAASZ,MAFnBF,GAOnBe,WAAaC,IACVC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/C9B,EAAAA,IAAC+B,MAAG,CAASC,UAAU,OAAMV,SAC1B,GAAGO,KAAKH,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQQ,SAAWH,EAAM,EAAI,KAAO,MADrED,KAKhBK,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,yBAA0B,CAExBC,IAAKD,EAAME,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,SAMjBC,eAAgB,CAEdC,WAAY,UACTC,sBACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,MAIhBC,eAAgB,CAEdC,WAAY,UAEZP,WAAY,UACTC,sBACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,SAIbC,IAAK,CAEHC,OAAQ,IACR,iBAAkB,CAEhBZ,QAAS,UACT,wBAAyB,CACvB,oBAAqB,CACnBa,WAAY,UAMpBC,OAAQ,CAEN,6BAA8B,CAC5Bd,QAAS,IACTe,UAAW,QAEXC,SAAU,SAIdC,MAAOC,EAAAA,SAASvB,eAAesB,MAE/B7C,OAAQ+C,EAAAA,aAAaxB,eAAeC,KAEpCwB,UAAW,CACTD,EAAAA,aAAaxB,eAAeC,KAC5B,CACEyB,cAAe,OACfC,OAAQ"}
+{"version":3,"file":"autocomplete.theme.js","sources":["../../../../../src/materialui/autocomplete/autocomplete.theme.tsx"],"sourcesContent":["import { Components, Theme, ComponentsOverrides } from '@mui/material/styles';\nimport { Box, MenuList, MenuItem, ListItemText, Checkbox } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAutocomplete: Components<Theme>['MuiAutocomplete'] = {\n  defaultProps: {\n    // ensure clicking on AutoComplete sent event to FormControl to correctly handle FocusRing\n    onPointerDown: (e) => {\n      const formControlEl = e.currentTarget.querySelector('.MuiFormControl-root');\n      // we have formControl and click is outside of it (clicking on margin from helperText)\n      if (formControlEl && !formControlEl.contains(e.target as Node)) {\n        // sent pointerDown event to it\n        formControlEl.dispatchEvent(\n          new PointerEvent('pointerdown', {\n            bubbles: true,\n            cancelable: true,\n            pointerType: e.pointerType,\n          }),\n        );\n      }\n    },\n    popupIcon: <ChevronDownIcon />,\n    clearIcon: <CloseIcon />,\n    noOptionsText: 'No matching results',\n    slots: {\n      // we are replacing listbox to remove Autocomplete styling and match with Menu design\n      listbox: MenuList,\n    },\n    // option matched with design of menu with Checkbox for multiple choices\n    renderOption: ({ key, ...rest }, option, state, ownerState) => {\n      return (\n        <MenuItem key={key} {...rest}>\n          {ownerState?.multiple && <Checkbox checked={state.selected} tabIndex={-1} />}\n          <ListItemText>{option?.label ?? option}</ListItemText>\n        </MenuItem>\n      );\n    },\n    renderValue: (value) =>\n      (Array.isArray(value) ? value : [value]).map((v, idx) => (\n        <Box key={`${v}`} component=\"span\" className=\"FlowAutoComplete-value\">\n          {`${v}${(Array.isArray(value) ? value : [value]).length !== idx + 1 ? ', ' : ''}`}\n        </Box>\n      )),\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // when value is present\n      '& .FlowAutoComplete-value + .MuiAutocomplete-input': {\n        // hide placeholder\n        '&::-webkit-input-placeholder': {\n          color: 'transparent',\n        },\n      },\n      // overwrite autoComplete default styling and match with TextField\n      '& .MuiFilledInput-root': {\n        // gap between tags and input\n        gap: theme.spacing(0.5),\n        // field proportions matched with textfield\n        padding: '24px 12px 8px',\n        // hidden label for variant with placeholder\n        '&.MuiInputBase-hiddenLabel': {\n          padding: '18px 12px 14px',\n        },\n        // small\n        '&.MuiInputBase-sizeSmall': {\n          padding: '22px 12px 4px',\n          '&.MuiInputBase-hiddenLabel': {\n            padding: '14px 12px 12px',\n          },\n        },\n        // moved padding from input to allow wrap with too many tags\n        '&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel': {\n          '& .MuiFilledInput-input': {\n            padding: '0',\n          },\n        },\n      },\n    }),\n    // select arrow\n    popupIndicator: {\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n    },\n    // 'x' clear button\n    clearIndicator: {\n      // keep always visible once the value is selected\n      visibility: 'visible',\n      // remove default style\n      transition: 'none',\n      ...getInteractiveStyle(\n        { color: 'inherit', backgroundColor: 'transparent' },\n        { color: 'inherit', backgroundColor: 'transparent' },\n      ),\n      // style icon\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n        flexShrink: '0',\n      },\n      // select arrow next to it\n      '& + .MuiAutocomplete-popupIndicator': {\n        // hide it\n        display: 'none',\n      },\n    },\n    // chip tags, no longer used as we overwrite renderTags fn\n    tag: {\n      // space between multiple chips and limit tags text\n      margin: '0',\n      '&.MuiChip-root': {\n        // reduce size\n        padding: '0px 8px',\n        '& .MuiChip-deleteIcon': {\n          '&, &:last-of-type': {\n            marginLeft: '2px',\n          },\n        },\n      },\n    },\n    // select popover\n    popper: {\n      // direct style of listBox is not used, as it is overwritten via slots property to remove default styling\n      '& .MuiAutocomplete-listbox': {\n        padding: '0',\n        maxHeight: '240px',\n        // necessary to make scroll with keyboard navigation work\n        overflow: 'auto',\n      },\n    },\n    // holder of list\n    paper: flowMenu.styleOverrides.paper as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // list options\n    option: flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n    // no matching result\n    noOptions: [\n      flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n      {\n        pointerEvents: 'none',\n        cursor: 'auto',\n      },\n    ],\n  },\n};\n"],"names":["flowAutocomplete","defaultProps","onPointerDown","e","formControlEl","currentTarget","querySelector","contains","target","dispatchEvent","PointerEvent","bubbles","cancelable","pointerType","popupIcon","_jsx","ChevronDownIcon","clearIcon","CloseIcon","noOptionsText","slots","listbox","MenuList","renderOption","key","rest","option","state","ownerState","_jsxs","MenuItem","multiple","Checkbox","checked","selected","tabIndex","ListItemText","children","label","renderValue","value","Array","isArray","map","v","idx","Box","component","className","length","styleOverrides","root","theme","color","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","backgroundColor","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","marginLeft","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents","cursor"],"mappings":"+SAQO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,cAAgBC,IACd,MAAMC,EAAgBD,EAAEE,cAAcC,cAAc,wBAEhDF,IAAkBA,EAAcG,SAASJ,EAAEK,SAE7CJ,EAAcK,cACZ,IAAIC,aAAa,cAAe,CAC9BC,SAAS,EACTC,YAAY,EACZC,YAAaV,EAAEU,gBAKvBC,UAAWC,EAAAA,IAACC,EAAAA,gBAAe,IAC3BC,UAAWF,EAAAA,IAACG,EAAAA,UAAS,IACrBC,cAAe,sBACfC,MAAO,CAELC,QAASC,EAAAA,UAGXC,aAAc,EAAGC,SAAQC,GAAQC,EAAQC,EAAOC,IAE5CC,OAACC,EAAAA,SAAQ,IAAeL,YACrBG,GAAYG,UAAYhB,EAAAA,IAACiB,WAAQ,CAACC,QAASN,EAAMO,SAAUC,UAAU,IACtEpB,EAAAA,IAACqB,EAAAA,aAAY,CAAAC,SAAEX,GAAQY,OAASZ,MAFnBF,GAMnBe,YAAcC,IACXC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/C9B,MAAC+B,EAAAA,IAAG,CAAcC,UAAU,OAAOC,UAAU,yBAAwBX,SAClE,GAAGO,KAAKH,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQS,SAAWJ,EAAM,EAAI,KAAO,MADrE,GAAGD,OAKnBM,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,qDAAsD,CAEpD,+BAAgC,CAC9BC,MAAO,gBAIX,yBAA0B,CAExBC,IAAKF,EAAMG,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,SAMjBC,eAAgB,CAEdC,WAAY,UACTC,sBACD,CAAEN,MAAO,UAAWO,gBAAiB,eACrC,CAAEP,MAAO,UAAWO,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,MAIhBC,eAAgB,CAEdC,WAAY,UAEZN,WAAY,UACTC,sBACD,CAAEN,MAAO,UAAWO,gBAAiB,eACrC,CAAEP,MAAO,UAAWO,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,SAIbC,IAAK,CAEHC,OAAQ,IACR,iBAAkB,CAEhBX,QAAS,UACT,wBAAyB,CACvB,oBAAqB,CACnBY,WAAY,UAMpBC,OAAQ,CAEN,6BAA8B,CAC5Bb,QAAS,IACTc,UAAW,QAEXC,SAAU,SAIdC,MAAOC,EAAAA,SAASvB,eAAesB,MAE/B9C,OAAQgD,EAAAA,aAAaxB,eAAeC,KAEpCwB,UAAW,CACTD,EAAAA,aAAaxB,eAAeC,KAC5B,CACEyB,cAAe,OACfC,OAAQ"}

package/cjs/materialui/card/Card.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("react/jsx-runtime"),r=require("react"),e=require("@mui/material"),n=require("../../components/icon/stroke/CheckIcon.js"),c=require("../../components/icon/stroke/PlusIcon.js"),s=require("../../components/icon/stroke/MinusIcon.js"),i=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");const a=r.forwardRef(({children:r,isSelected:a,disableIcon:d=!0,iconSlots:l,iconPlacement:u="top-end",iconProps:p,hoverIconProps:b,iconWrapperProps:m,contentWrapperProps:x,onClick:y,disabled:f,color:h,...I},k)=>{const{sx:g,...C}=x||{},{sx:v,className:j,...S}=m||{},{sx:P,...q}=p||{},{sx:w,...B}=b||{},{icon:M,selectedIcon:R,hoverIcon:F,hoverSelectedIcon:H}={icon:c.PlusIcon,selectedIcon:n.CheckIcon,hoverIcon:c.PlusIcon,hoverSelectedIcon:s.MinusIcon,...l||{}},z=!f&&a?R:M,N=!f&&a?H:F;return o.jsx(e.Paper,{color:h,onClick:f?void 0:y,...I,ref:k,children:o.jsxs(e.Box,{sx:{borderRadius:"inherit",overflow:"hidden",height:"100%",...g},...C,children:[!d&&o.jsxs(e.Box,{sx:{border:1,borderColor:"onSurface.os100",backgroundColor:"background.primary",..."secondary"===h&&{backgroundColor:"surface.primary"},borderRadius:"1000px",p:"5px",width:"auto",height:"auto",transition:"none",position:"absolute",...u.includes("top")?{top:"16px"}:{},...u.includes("bottom")?{bottom:"16px"}:{},...u.includes("start")?{left:"16px"}:{},...u.includes("end")?{right:"16px"}:{},...v,"&.MuiButtonBase-root":{...i.updateFocusRingStyle(1),"&:before":{transition:"none"},...t.getInteractiveStyle({backgroundColor:"background.primary",..."secondary"===h&&{backgroundColor:"surface.primary"},...a&&{backgroundColor:"brand.primary",borderColor:"brand.primary",color:"common.white"},"& .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}},{backgroundColor:"surface.primary",..."secondary"===h&&{backgroundColor:"surface.secondary"},...a&&{backgroundColor:"brandHover.primary",borderColor:"brandHover.primary",color:"common.white"},"& .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}})}},className:["FlowCard-Icon-root",j].filter(Boolean).join(" "),...S,children:[o.jsx(z,{"data-testid":"Card.Icon",sx:{display:"block",fontSize:"20px",...P},...q}),o.jsx(N,{"data-testid":"Card.HoverIcon",sx:{display:"none",fontSize:"20px",...w},...B})]}),r]})})});exports.FlowCard=a;
+"use strict";var o=require("react/jsx-runtime"),r=require("react"),e=require("@mui/material"),n=require("../../utils/sxOverride/sxOverride.js"),s=require("../../components/icon/stroke/CheckIcon.js"),i=require("../../components/icon/stroke/PlusIcon.js"),c=require("../../components/icon/stroke/MinusIcon.js"),t=require("../../components/focusring/focusring.js"),a=require("../button/interactive.js");const d=r.forwardRef(({children:r,isSelected:d,disableIcon:l=!0,iconSlots:u,iconPlacement:p="top-end",iconProps:x,hoverIconProps:b,iconWrapperProps:m,contentWrapperProps:y,onClick:f,disabled:h,color:v,...I},k)=>{const{sx:g,...C}=y||{},{sx:j,className:S,...q}=m||{},{sx:P,...w}=x||{},{sx:O,...B}=b||{},{icon:M,selectedIcon:R,hoverIcon:F,hoverSelectedIcon:H}={icon:i.PlusIcon,selectedIcon:s.CheckIcon,hoverIcon:i.PlusIcon,hoverSelectedIcon:c.MinusIcon,...u||{}},z=!h&&d?R:M,N=!h&&d?H:F;return o.jsx(e.Paper,{color:v,onClick:h?void 0:f,...I,ref:k,children:o.jsxs(e.Box,{sx:n.sxOverride({borderRadius:"inherit",overflow:"hidden",height:"100%"},g),...C,children:[!l&&o.jsxs(e.Box,{sx:n.sxOverride({border:1,borderColor:"onSurface.os100",backgroundColor:"background.primary",..."secondary"===v&&{backgroundColor:"surface.primary"},borderRadius:"1000px",p:"5px",width:"auto",height:"auto",transition:"none",position:"absolute",...p.includes("top")?{top:"16px"}:{},...p.includes("bottom")?{bottom:"16px"}:{},...p.includes("start")?{left:"16px"}:{},...p.includes("end")?{right:"16px"}:{},"&.MuiButtonBase-root":{...t.updateFocusRingStyle(1),"&:before":{transition:"none"},...a.getInteractiveStyle({backgroundColor:"background.primary",..."secondary"===v&&{backgroundColor:"surface.primary"},...d&&{backgroundColor:"brand.primary",borderColor:"brand.primary",color:"common.white"},"& .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}},{backgroundColor:"surface.primary",..."secondary"===v&&{backgroundColor:"surface.secondary"},...d&&{backgroundColor:"brandHover.primary",borderColor:"brandHover.primary",color:"common.white"},"& .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}})}},j),className:["FlowCard-Icon-root",S].filter(Boolean).join(" "),...q,children:[o.jsx(z,{"data-testid":"Card.Icon",sx:n.sxOverride({display:"block",fontSize:"20px"},P),...w}),o.jsx(N,{"data-testid":"Card.HoverIcon",sx:n.sxOverride({display:"none",fontSize:"20px"},O),...B})]}),r]})})});exports.FlowCard=d;
 //# sourceMappingURL=Card.js.map

package/cjs/materialui/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Standard MUI Card extended with custom properties\n */\nexport const FlowCard: FC<CardProps> = forwardRef(\n  (\n    {\n      children,\n      isSelected,\n      disableIcon = true,\n      iconSlots,\n      iconPlacement = 'top-end',\n      iconProps,\n      hoverIconProps,\n      iconWrapperProps,\n      contentWrapperProps,\n      onClick,\n      disabled,\n      color,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = contentWrapperProps || {};\n    const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps || {};\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps || {};\n    const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n      icon: PlusIcon,\n      selectedIcon: CheckIcon,\n      hoverIcon: PlusIcon,\n      hoverSelectedIcon: MinusIcon,\n      ...(iconSlots || {}),\n    };\n    const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n    const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n\n    return (\n      <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n        <Box sx={{ borderRadius: 'inherit', overflow: 'hidden', height: '100%', ...wrapperSx }} {...restWrapper}>\n          {!disableIcon && (\n            <Box\n              sx={{\n                // circle\n                border: 1,\n                borderColor: 'onSurface.os100',\n                backgroundColor: 'background.primary',\n                ...(color === 'secondary' && {\n                  backgroundColor: 'surface.primary',\n                }),\n                borderRadius: '1000px',\n                p: '5px',\n                // reset IconButton style\n                width: 'auto',\n                height: 'auto',\n                transition: 'none',\n                // interactive and selected effect is controlled by card.theme\n                // placement\n                position: 'absolute',\n                ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n                ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n                ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n                ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n                ...iconWrapperSx,\n                // Box overwritten to button\n                '&.MuiButtonBase-root': {\n                  ...updateFocusRingStyle(1),\n                  // remove smooth transition effect to match card behavior\n                  '&:before': {\n                    transition: 'none',\n                  },\n                  // same style is also applied in card.theme\n                  ...getInteractiveStyle(\n                    {\n                      backgroundColor: 'background.primary',\n                      ...(color === 'secondary' && {\n                        backgroundColor: 'surface.primary',\n                      }),\n                      ...(isSelected && {\n                        backgroundColor: 'brand.primary',\n                        borderColor: 'brand.primary',\n                        color: 'common.white',\n                      }),\n                      '& .MuiSvgIcon-root': {\n                        '&:first-of-type': {\n                          display: 'block',\n                        },\n                        '&:last-of-type': {\n                          display: 'none',\n                        },\n                      },\n                    },\n                    {\n                      backgroundColor: 'surface.primary',\n                      ...(color === 'secondary' && {\n                        backgroundColor: 'surface.secondary',\n                      }),\n                      ...(isSelected && {\n                        backgroundColor: 'brandHover.primary',\n                        borderColor: 'brandHover.primary',\n                        color: 'common.white',\n                      }),\n                      // flip icon being shown\n                      '& .MuiSvgIcon-root': {\n                        '&:first-of-type': {\n                          display: 'none',\n                        },\n                        '&:last-of-type': {\n                          display: 'block',\n                        },\n                      },\n                    },\n                  ),\n                },\n              }}\n              className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n              {...restIconWrapper}\n            >\n              <IconComponent\n                data-testid=\"Card.Icon\"\n                sx={{ display: 'block', fontSize: '20px', ...iconSx }}\n                {...restIcon}\n              />\n              <HoverIconComponent\n                data-testid=\"Card.HoverIcon\"\n                sx={{ display: 'none', fontSize: '20px', ...hoverIconSx }}\n                {...restHoverIcon}\n              />\n            </Box>\n          )}\n          {children}\n        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["FlowCard","forwardRef","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","rest","ref","sx","wrapperSx","restWrapper","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","iconSx","restIcon","hoverIconSx","restHoverIcon","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","undefined","_jsxs","Box","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","fontSize"],"mappings":"6VAWO,MAAMA,EAA0BC,EAAAA,WACrC,EAEIC,WACAC,aACAC,eAAc,EACdC,YACAC,gBAAgB,UAChBC,YACAC,iBACAC,mBACAC,sBACAC,UACAC,WACAC,WACGC,GAELC,KAEA,MAAQC,GAAIC,KAAcC,GAAgBR,GAAuB,CAAA,GACzDM,GAAIG,EAAeC,UAAWC,KAAyBC,GAAoBb,GAAoB,CAAA,GAC/FO,GAAIO,KAAWC,GAAajB,GAAa,CAAA,GACzCS,GAAIS,KAAgBC,GAAkBlB,GAAkB,CAAA,GAC1DmB,KAAEA,EAAIC,aAAEA,EAAYC,UAAEA,EAASC,kBAAEA,GAAsB,CAC3DH,KAAMI,EAAAA,SACNH,aAAcI,EAAAA,UACdH,UAAWE,EAAAA,SACXD,kBAAmBG,EAAAA,aACf5B,GAAa,CAAA,GAEb6B,GAAiBtB,GAAYT,EAAayB,EAAeD,EACzDQ,GAAsBvB,GAAYT,EAAa2B,EAAoBD,EAEzE,OACEO,EAAAA,IAACC,EAAAA,MAAK,CAACxB,MAAOA,EAAOF,QAASC,OAAW0B,EAAY3B,KAAaG,EAAMC,IAAKA,EAAGb,SAC9EqC,EAAAA,KAACC,EAAAA,IAAG,CAACxB,GAAI,CAAEyB,aAAc,UAAWC,SAAU,SAAUC,OAAQ,UAAW1B,MAAiBC,EAAWhB,SAAA,EACnGE,GACAmC,EAAAA,KAACC,EAAAA,IAAG,CACFxB,GAAI,CAEF4B,OAAQ,EACRC,YAAa,kBACbC,gBAAiB,wBACH,cAAVjC,GAAyB,CAC3BiC,gBAAiB,mBAEnBL,aAAc,SACdM,EAAG,MAEHC,MAAO,OACPL,OAAQ,OACRM,WAAY,OAGZC,SAAU,cACN5C,EAAc6C,SAAS,OAAS,CAAEC,IAAK,QAAW,MAClD9C,EAAc6C,SAAS,UAAY,CAAEE,OAAQ,QAAW,MACxD/C,EAAc6C,SAAS,SAAW,CAAEG,KAAM,QAAW,MACrDhD,EAAc6C,SAAS,OAAS,CAAEI,MAAO,QAAW,MACrDpC,EAEH,uBAAwB,IACnBqC,EAAAA,qBAAqB,GAExB,WAAY,CACVP,WAAY,WAGXQ,sBACD,CACEX,gBAAiB,wBACH,cAAVjC,GAAyB,CAC3BiC,gBAAiB,sBAEf3C,GAAc,CAChB2C,gBAAiB,gBACjBD,YAAa,gBACbhC,MAAO,gBAET,qBAAsB,CACpB,kBAAmB,CACjB6C,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CACEZ,gBAAiB,qBACH,cAAVjC,GAAyB,CAC3BiC,gBAAiB,wBAEf3C,GAAc,CAChB2C,gBAAiB,qBACjBD,YAAa,qBACbhC,MAAO,gBAGT,qBAAsB,CACpB,kBAAmB,CACjB6C,QAAS,QAEX,iBAAkB,CAChBA,QAAS,cAOrBtC,UAAW,CAAC,qBAAsBC,GAAsBsC,OAAOC,SAASC,KAAK,QACzEvC,EAAepB,SAAA,CAEnBkC,MAACF,EAAa,CAAA,cACA,YACZlB,GAAI,CAAE0C,QAAS,QAASI,SAAU,UAAWvC,MACzCC,IAENY,EAAAA,IAACD,EAAkB,CAAA,cACL,iBACZnB,GAAI,CAAE0C,QAAS,OAAQI,SAAU,UAAWrC,MACxCC,OAITxB"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Standard MUI Card extended with custom properties\n */\nexport const FlowCard: FC<CardProps> = forwardRef(\n  (\n    {\n      children,\n      isSelected,\n      disableIcon = true,\n      iconSlots,\n      iconPlacement = 'top-end',\n      iconProps,\n      hoverIconProps,\n      iconWrapperProps,\n      contentWrapperProps,\n      onClick,\n      disabled,\n      color,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = contentWrapperProps || {};\n    const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps || {};\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps || {};\n    const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n      icon: PlusIcon,\n      selectedIcon: CheckIcon,\n      hoverIcon: PlusIcon,\n      hoverSelectedIcon: MinusIcon,\n      ...(iconSlots || {}),\n    };\n    const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n    const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n\n    return (\n      <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n        <Box\n          sx={sxOverride({ borderRadius: 'inherit', overflow: 'hidden', height: '100%' }, wrapperSx)}\n          {...restWrapper}\n        >\n          {!disableIcon && (\n            <Box\n              sx={sxOverride(\n                {\n                  // circle\n                  border: 1,\n                  borderColor: 'onSurface.os100',\n                  backgroundColor: 'background.primary',\n                  ...(color === 'secondary' && {\n                    backgroundColor: 'surface.primary',\n                  }),\n                  borderRadius: '1000px',\n                  p: '5px',\n                  // reset IconButton style\n                  width: 'auto',\n                  height: 'auto',\n                  transition: 'none',\n                  // interactive and selected effect is controlled by card.theme\n                  // placement\n                  position: 'absolute',\n                  ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n                  ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n                  ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n                  ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n                  // Box overwritten to button\n                  '&.MuiButtonBase-root': {\n                    ...updateFocusRingStyle(1),\n                    // remove smooth transition effect to match card behavior\n                    '&:before': {\n                      transition: 'none',\n                    },\n                    // same style is also applied in card.theme\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'background.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.primary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brand.primary',\n                          borderColor: 'brand.primary',\n                          color: 'common.white',\n                        }),\n                        '& .MuiSvgIcon-root': {\n                          '&:first-of-type': {\n                            display: 'block',\n                          },\n                          '&:last-of-type': {\n                            display: 'none',\n                          },\n                        },\n                      },\n                      {\n                        backgroundColor: 'surface.primary',\n                        ...(color === 'secondary' && {\n                          backgroundColor: 'surface.secondary',\n                        }),\n                        ...(isSelected && {\n                          backgroundColor: 'brandHover.primary',\n                          borderColor: 'brandHover.primary',\n                          color: 'common.white',\n                        }),\n                        // flip icon being shown\n                        '& .MuiSvgIcon-root': {\n                          '&:first-of-type': {\n                            display: 'none',\n                          },\n                          '&:last-of-type': {\n                            display: 'block',\n                          },\n                        },\n                      },\n                    ),\n                  },\n                },\n                iconWrapperSx,\n              )}\n              className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n              {...restIconWrapper}\n            >\n              <IconComponent\n                data-testid=\"Card.Icon\"\n                sx={sxOverride({ display: 'block', fontSize: '20px' }, iconSx)}\n                {...restIcon}\n              />\n              <HoverIconComponent\n                data-testid=\"Card.HoverIcon\"\n                sx={sxOverride({ display: 'none', fontSize: '20px' }, hoverIconSx)}\n                {...restHoverIcon}\n              />\n            </Box>\n          )}\n          {children}\n        </Box>\n      </Paper>\n    );\n  },\n);\n"],"names":["FlowCard","forwardRef","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","rest","ref","sx","wrapperSx","restWrapper","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","iconSx","restIcon","hoverIconSx","restHoverIcon","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","undefined","_jsxs","Box","sxOverride","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","fontSize"],"mappings":"+YAYO,MAAMA,EAA0BC,EAAAA,WACrC,EAEIC,WACAC,aACAC,eAAc,EACdC,YACAC,gBAAgB,UAChBC,YACAC,iBACAC,mBACAC,sBACAC,UACAC,WACAC,WACGC,GAELC,KAEA,MAAQC,GAAIC,KAAcC,GAAgBR,GAAuB,CAAA,GACzDM,GAAIG,EAAeC,UAAWC,KAAyBC,GAAoBb,GAAoB,CAAA,GAC/FO,GAAIO,KAAWC,GAAajB,GAAa,CAAA,GACzCS,GAAIS,KAAgBC,GAAkBlB,GAAkB,CAAA,GAC1DmB,KAAEA,EAAIC,aAAEA,EAAYC,UAAEA,EAASC,kBAAEA,GAAsB,CAC3DH,KAAMI,EAAAA,SACNH,aAAcI,EAAAA,UACdH,UAAWE,EAAAA,SACXD,kBAAmBG,EAAAA,aACf5B,GAAa,CAAA,GAEb6B,GAAiBtB,GAAYT,EAAayB,EAAeD,EACzDQ,GAAsBvB,GAAYT,EAAa2B,EAAoBD,EAEzE,OACEO,EAAAA,IAACC,EAAAA,MAAK,CAACxB,MAAOA,EAAOF,QAASC,OAAW0B,EAAY3B,KAAaG,EAAMC,IAAKA,EAAGb,SAC9EqC,OAACC,EAAAA,KACCxB,GAAIyB,EAAAA,WAAW,CAAEC,aAAc,UAAWC,SAAU,SAAUC,OAAQ,QAAU3B,MAC5EC,EAAWhB,SAAA,EAEbE,GACAmC,EAAAA,KAACC,MAAG,CACFxB,GAAIyB,aACF,CAEEI,OAAQ,EACRC,YAAa,kBACbC,gBAAiB,wBACH,cAAVlC,GAAyB,CAC3BkC,gBAAiB,mBAEnBL,aAAc,SACdM,EAAG,MAEHC,MAAO,OACPL,OAAQ,OACRM,WAAY,OAGZC,SAAU,cACN7C,EAAc8C,SAAS,OAAS,CAAEC,IAAK,QAAW,MAClD/C,EAAc8C,SAAS,UAAY,CAAEE,OAAQ,QAAW,MACxDhD,EAAc8C,SAAS,SAAW,CAAEG,KAAM,QAAW,MACrDjD,EAAc8C,SAAS,OAAS,CAAEI,MAAO,QAAW,GAExD,uBAAwB,IACnBC,EAAAA,qBAAqB,GAExB,WAAY,CACVP,WAAY,WAGXQ,sBACD,CACEX,gBAAiB,wBACH,cAAVlC,GAAyB,CAC3BkC,gBAAiB,sBAEf5C,GAAc,CAChB4C,gBAAiB,gBACjBD,YAAa,gBACbjC,MAAO,gBAET,qBAAsB,CACpB,kBAAmB,CACjB8C,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CACEZ,gBAAiB,qBACH,cAAVlC,GAAyB,CAC3BkC,gBAAiB,wBAEf5C,GAAc,CAChB4C,gBAAiB,qBACjBD,YAAa,qBACbjC,MAAO,gBAGT,qBAAsB,CACpB,kBAAmB,CACjB8C,QAAS,QAEX,iBAAkB,CAChBA,QAAS,cAOrBxC,GAEFC,UAAW,CAAC,qBAAsBC,GAAsBuC,OAAOC,SAASC,KAAK,QACzExC,EAAepB,SAAA,CAEnBkC,EAAAA,IAACF,iBACa,YACZlB,GAAIyB,aAAW,CAAEkB,QAAS,QAASI,SAAU,QAAUxC,MACnDC,IAENY,EAAAA,IAACD,EAAkB,CAAA,cACL,iBACZnB,GAAIyB,EAAAA,WAAW,CAAEkB,QAAS,OAAQI,SAAU,QAAUtC,MAClDC,OAITxB"}