npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.15.1 - Mend

@skodaflow/web-library 7.15.0 → 7.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2177) hide show

package/components/cardMenu/cardMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n List,\n ListItem,\n ListItemButton,\n ListItemIcon,\n ListItemText,\n MenuItem,\n ClickAwayListener,\n Divider,\n SxProps,\n Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/*\n @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n /\nexport interface CardMenuItem {\n text: string;\n callback?: () => void;\n disabled?: boolean;\n icon?: IconNameProp;\n isChecked?: boolean;\n url?: string;\n target?: string;\n}\n/\n @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n /\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/\n @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n /\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true the drawer is shown.\n /\n open: boolean;\n /\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n Callback fired when the component requests to be closed.\n /\n onClose: () => void;\n /\n An HTML element used to set the position of the popper.\n /\n anchorRef: React.RefObject<HTMLElement>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n /\n hasToggleSelection?: boolean;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n /* Renders the popper with border radius /\n rounded?: boolean;\n}\n\n/* @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n (\n {\n items,\n setItems,\n open,\n header,\n anchorRef,\n allowMultiselect,\n hasToggleSelection,\n onItemClick,\n onClose,\n sx,\n classes,\n placement,\n toggleLabel,\n rounded,\n },\n ref,\n ) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n items,\n allowMultiselect,\n setItems,\n onItemClick,\n onClose,\n );\n\n return (\n <>\n {isMobile ? (\n <DrawerStyled\n open={open}\n onClose={onClose}\n anchor=\"bottom\"\n sx={sx}\n ref={ref}\n classes={classes}\n hasHeader={!!header}\n data-testid=\"CardMenu\"\n >\n {header && (\n <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n {header}\n </div>\n )}\n <List>\n {items.map((item) => {\n return (\n <React.Fragment key={item.text}>\n <ListItem\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n disableGutters\n >\n <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"middle\" />\n </React.Fragment>\n );\n })}\n </List>\n </DrawerStyled>\n ) : (\n <PopperStyled\n open={open}\n anchorEl={anchorRef.current}\n placement={placement}\n ref={ref}\n rounded={rounded}\n data-testid=\"CardMenu\"\n >\n <ClickAwayListener onClickAway={onClose}>\n <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n {header && (\n <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n <Icon name=\"close\" fontSize=\"small\" />\n </ListItemIcon>\n </MenuItem>\n )}\n {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n {allowMultiselect && hasToggleSelection && (\n <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n <ListItemText\n primaryTypographyProps={{ noWrap: true }}\n primary={toggleLabel ? toggleLabel : 'Select all'}\n />\n <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n </MenuItem>\n )}\n\n <div className=\"menu-content-items\">\n {items.map((item) => {\n return (\n <MenuItem\n key={item.text}\n disabled={item.disabled}\n onClick={() => onClickHandler(item)}\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n >\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </MenuItem>\n );\n })}\n </div>\n </MenuListStyled>\n </ClickAwayListener>\n </PopperStyled>\n )}\n </>\n );\n },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"gtBA4Ga,MAAAA,EAAWC,GACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EACD,cAAA,WAEXoB,SAAA,CAAApB,GACCkB,EAAK,MAAA,CAAAO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAACQ,EAAMC,SACL,CAAAV,SAAA,CAAAF,EAACa,EAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAACc,EAAe,CAAAH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GACpER,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EACC,CAAAlB,SAAAF,EAACqB,EAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,EAAS,CAAAC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAsB,cAAA,wBAI9Ed,EAACgC,EAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,aAyBlC5B,EAACkC,GACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACqC,GAAkBC,YAAanD,EAC9Be,SAAAC,EAACoC,EAAe,CAAAvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEa,SAAA,CAAApB,GACCqB,EAACqC,EAAS,CAAAjC,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAF,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAACoB,EAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAACqB,EAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAACgC,EAAQ,CAAAC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACqC,GAASjC,UAAU,kBAA8B,cAAA,4BAChDP,EAACwB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAACyC,GAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAU,OAIhF3C,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACqC,EAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAExCb,SAAA,CAAAQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,GAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,GAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB,kBAuBzB"}
1	+ {"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n List,\n ListItem,\n ListItemButton,\n ListItemIcon,\n ListItemText,\n MenuItem,\n ClickAwayListener,\n Divider,\n SxProps,\n Theme,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/*\n @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n /\nexport interface CardMenuItem {\n text: string;\n callback?: () => void;\n disabled?: boolean;\n icon?: IconNameProp;\n isChecked?: boolean;\n url?: string;\n target?: string;\n}\n/\n @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n /\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/\n @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n /\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n /\n If true the drawer is shown.\n /\n open: boolean;\n /\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n Callback fired when the component requests to be closed.\n /\n onClose: () => void;\n /\n An HTML element used to set the position of the popper.\n /\n anchorRef: React.RefObject<HTMLElement>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n /\n hasToggleSelection?: boolean;\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n /\n toggleLabel?: string;\n /* Renders the popper with border radius /\n rounded?: boolean;\n}\n\n/* @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n (\n {\n items,\n setItems,\n open,\n header,\n anchorRef,\n allowMultiselect,\n hasToggleSelection,\n onItemClick,\n onClose,\n sx,\n classes,\n placement,\n toggleLabel,\n rounded,\n },\n ref,\n ) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n items,\n allowMultiselect,\n setItems,\n onItemClick,\n onClose,\n );\n\n return (\n <>\n {isMobile ? (\n <DrawerStyled\n open={open}\n onClose={onClose}\n anchor=\"bottom\"\n sx={sx}\n ref={ref}\n classes={classes}\n hasHeader={!!header}\n data-testid=\"CardMenu\"\n >\n {header && (\n <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n {header}\n </div>\n )}\n <List>\n {items.map((item) => {\n return (\n <React.Fragment key={item.text}>\n <ListItem\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n disableGutters\n >\n <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </ListItemButton>\n </ListItem>\n <Divider variant=\"middle\" />\n </React.Fragment>\n );\n })}\n </List>\n </DrawerStyled>\n ) : (\n <PopperStyled\n open={open}\n anchorEl={anchorRef.current}\n placement={placement}\n ref={ref}\n rounded={rounded}\n data-testid=\"CardMenu\"\n >\n <ClickAwayListener onClickAway={onClose}>\n <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n {header && (\n <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n <Icon name=\"close\" fontSize=\"small\" />\n </ListItemIcon>\n </MenuItem>\n )}\n {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n {allowMultiselect && hasToggleSelection && (\n <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n <ListItemText\n primaryTypographyProps={{ noWrap: true }}\n primary={toggleLabel ? toggleLabel : 'Select all'}\n />\n <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n </MenuItem>\n )}\n\n <div className=\"menu-content-items\">\n {items.map((item) => {\n return (\n <MenuItem\n key={item.text}\n disabled={item.disabled}\n onClick={() => onClickHandler(item)}\n data-testid=\"CardMenu.item\"\n data-state={item.disabled ? 'disabled' : undefined}\n >\n {item.icon && (\n <ListItemIcon>\n <Icon name={item.icon} fontSize=\"small\" />\n </ListItemIcon>\n )}\n <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n {allowMultiselect && (\n <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n )}\n </MenuItem>\n );\n })}\n </div>\n </MenuListStyled>\n </ClickAwayListener>\n </PopperStyled>\n )}\n </>\n );\n },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"44+BA4GO,MAAMA,EAAWC,GACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EAAM,cACP,WAAUoB,SAAA,CAErBpB,GACCkB,EAAA,MAAA,CAAKO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAACQ,EAAMC,SAAQ,CAAAV,SAAA,CACbF,EAACa,EAAQ,CAAA,cACK,gBAAe,aACfH,EAAKI,SAAW,gBAAaC,EACzCC,gBAAc,EAAAd,SAEdC,EAACc,EAAc,CAACH,SAAUJ,EAAKI,SAAUI,QAAS,IAAMrB,EAAea,GAAKR,SAAA,CACzEQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,EAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,EAAQ,CAACC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,wBAI9Ed,EAACgC,EAAO,CAACC,QAAQ,aAlBEvB,EAAKkB,aAyBlC5B,EAACkC,GACCrD,KAAMA,EACNsD,SAAUpD,EAAUqD,QACpB9C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EAAO,cACJ,oBAEZQ,EAACqC,GAAkBC,YAAanD,EAAOe,SACrCC,EAACoC,EAAc,CAACvD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAAOa,SAAA,CACzEpB,GACCqB,EAACqC,EAAQ,CAACjC,UAAU,mBAAkB,cAAa,kBAAiBL,SAAA,CAClEF,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS7C,IACjEkB,EAACoB,EAAY,CAACF,QAAS/B,gBAAqB,iBAAgBe,SAC1DF,EAACqB,EAAI,CAACC,KAAK,QAAQC,SAAS,eAIjCzC,GAAUkB,EAACgC,EAAO,CAACC,QAAQ,SAAS1B,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACqC,GAASjC,UAAU,kBAAiB,cAAa,4BAChDP,EAACwB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASpC,GAA4B,eAEvCS,EAACyC,GAAaC,SAAU5C,EAAgBgC,QAASlC,EAAiB+C,SAAO,OAI7E3C,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACqC,EAAQ,CAEP1B,SAAUJ,EAAKI,SACfI,QAAS,IAAMrB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaC,EAASb,SAAA,CAEjDQ,EAAKS,MACJnB,EAACoB,EAAY,CAAAlB,SACXF,EAACqB,GAAKC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCvB,EAACwB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE5C,GACCgB,EAAC6B,GAASC,QAASpB,EAAKqB,UAAWjB,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKkB,kBAuBzB"}

package/components/cardMenu/hooks/useCardMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n items: CardMenuItemsArray,\n allowMultiselect: boolean,\n setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n onItemClick: (itemText: string) => void,\n onClose: () => void,\n) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n const onToggleChange = useCallback(\n (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.disabled) return item;\n return { ...item, isChecked: checkedState };\n }),\n );\n },\n [setItems],\n );\n\n const updateItems = useCallback(\n (textItem: string) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.text === textItem) {\n return { ...item, isChecked: !item.isChecked };\n }\n\n return item;\n }),\n );\n },\n [setItems],\n );\n\n const onClickHandler = useCallback(\n (item: CardMenuItem) => {\n if (item.url) {\n window.open(item.url, item.target \|\| '_blank');\n }\n\n if (onItemClick) onItemClick(item.text);\n if (item.callback) item.callback();\n if (!allowMultiselect) onClose();\n else updateItems(item.text);\n },\n [allowMultiselect, onClose, onItemClick, updateItems],\n );\n\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n setIsToggleChecked(areAllChecked);\n }, [items]);\n\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,~~EACJJ~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAH~~,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}
1	+ {"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n items: CardMenuItemsArray,\n allowMultiselect: boolean,\n setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n onItemClick: (itemText: string) => void,\n onClose: () => void,\n) => {\n const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n const onToggleChange = useCallback(\n (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.disabled) return item;\n return { ...item, isChecked: checkedState };\n }),\n );\n },\n [setItems],\n );\n\n const updateItems = useCallback(\n (textItem: string) => {\n setItems((curr) =>\n curr.map((item) => {\n if (item.text === textItem) {\n return { ...item, isChecked: !item.isChecked };\n }\n\n return item;\n }),\n );\n },\n [setItems],\n );\n\n const onClickHandler = useCallback(\n (item: CardMenuItem) => {\n if (item.url) {\n window.open(item.url, item.target \|\| '_blank');\n }\n\n if (onItemClick) onItemClick(item.text);\n if (item.callback) item.callback();\n if (!allowMultiselect) onClose();\n else updateItems(item.text);\n },\n [allowMultiselect, onClose, onItemClick, updateItems],\n );\n\n useEffect(() => {\n const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n setIsToggleChecked(areAllChecked);\n }, [items]);\n\n return {\n onClickHandler,\n onToggleChange,\n isToggleChecked,\n };\n};\n"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EAChBJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}

package/components/cardMenu/styled/drawerStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"~~qFAGa~~,~~MAAAA~~,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}
1	+ {"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n return {\n '& .MuiPaper-root > .MuiList-root': {\n fontSize: '16px',\n fontWeight: 400,\n paddingBottom: '32px',\n listStyleType: 'none',\n maxHeight: '201px',\n marginTop: hasHeader ? '9px' : '0px',\n '& > .MuiListItem-root': {\n lineHeight: '24px',\n padding: '23px 16px 11px 16px',\n display: 'flex',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '8px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '& > .MuiTypography-root': {\n flex: 1,\n },\n },\n },\n '.MuiPaper-root > .drawer-header': {\n padding: '16px 16px 0px 16px',\n fontWeight: 'bold',\n lineHeight: '24px',\n fontSize: '20px',\n wordBreak: 'break-all',\n },\n '& > .MuiPaper-root': {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n },\n };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"qFAGO,MAAMA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}

package/components/cardMenu/styled/menuListStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.common.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${theme.palette.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n\n return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"~~qDAEa~~,~~MAAAA~~,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,~~CAAE~~,~~EA8Ed~~,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}
1	+ {"version":3,"file":"menuListStyled.js","sources":["../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n const conditionalStyles = allowMultiselect\n ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n let style = {};\n style = {\n boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n background: theme.palette.common.white,\n padding: '0px',\n minWidth: '105px',\n maxWidth: '222px',\n '& > .menu-item-divider': {\n margin: '0px !important',\n },\n '& > .menu-content-items': {\n maxHeight: '240px',\n overflowY: 'overlay',\n '& .MuiCheckbox-root': {\n marginRight: '4px',\n },\n },\n '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n color: theme.palette.onSurface.os900,\n whiteSpace: 'nowrap',\n padding: conditionalStyles.padding,\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: 1,\n '& .MuiIcon-root': {\n color: `${theme.palette.disabled.primary}!important`,\n },\n },\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n '& > .MuiListItemText-root': {\n marginRight: conditionalStyles.marginRight,\n },\n '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '& > .MuiListItemIcon-root': {\n display: 'inline-block',\n lineHeight: '21px',\n minWidth: 'unset',\n width: '20px',\n marginRight: '16px',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n display: 'inline',\n },\n },\n '&.menu-item-header': {\n padding: '12px 12px 12px 24px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n lineHeight: '20px',\n },\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n '& .MuiListItemIcon-root': {\n color: theme.palette.onSurface.os900,\n marginRight: conditionalStyles.marginRightCross,\n cursor: 'pointer',\n },\n '& > .MuiListItemText-root': {\n marginRight: '15px',\n },\n },\n '&.menu-select-all': {\n '&:hover': {\n background: theme.palette.background.primary,\n cursor: 'default',\n },\n },\n },\n };\n\n return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"qDAEO,MAAMA,EAAiBC,EAAOC,EAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAA,EA8EZ,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}

package/components/cardMenu/styled/popperStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n theme?: any;\n isMobile?: boolean;\n rounded?: boolean;\n}>(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"~~qFAGa~~,~~MAAAA~~,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
1	+ {"version":3,"file":"popperStyled.js","sources":["../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { Popper } from '@mui/material';\n\nexport const PopperStyled = styled(Popper, {\n shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n theme?: any;\n isMobile?: boolean;\n rounded?: boolean;\n}>(({ theme, rounded }) => {\n return {\n zIndex: '100',\n background: theme.palette.background.primary,\n '& > *': {\n borderRadius: rounded ? '4px' : undefined,\n },\n };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"qFAGO,MAAMA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/components/carousel/autoplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n IconButtonProps,\n CircularProgress,\n CircularProgressProps,\n BoxProps,\n CSSObject,\n SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Foreground Circular Progress (main) props\n /\n foregroundCircleProps?: CircularProgressProps;\n /\n Background Circular Progress props\n /\n backgroundCircleProps?: CircularProgressProps;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx: rawSx,\n foregroundCircleProps,\n backgroundCircleProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps \|\| {};\n const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps \|\| {};\n\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel && carousel.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Foreground\"\n value={value}\n sx={{\n color: 'brand.secondary',\n // overlap\n position: 'relative',\n zIndex: '10',\n '.MuiCircularProgress-circle': {\n transition: 'none',\n },\n ...foregroundCircleSx,\n }}\n {...restForegroundCircle}\n />\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Background\"\n value={100}\n sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n {...restBackgroundCircle}\n />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Properties passed to the Icon component\n /\n iconProps?: SvgIconProps;\n /\n Nodes used for the icons\n /\n iconSlots?: {\n pauseIcon?: ElementType<SvgIconProps>;\n playIcon?: ElementType<SvgIconProps>;\n };\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n children,\n iconProps,\n iconSlots,\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const { playIcon, pauseIcon } = {\n playIcon: ControlsPlayIcon,\n pauseIcon: ControlsPauseIcon,\n ...(iconSlots \|\| {}),\n };\n const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n return (\n <IconButton\n aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n {...rest}\n >\n {children \|\| <AutoplayIcon {...iconProps} />}\n </IconButton>\n );\n}\n"],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","running","IconButton","onClick"],"mappings":"~~wbAuCa~~,~~MAAAA~~,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,~~EAA7BR~~,EAAAM,~~EAAA~~,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,~~EAA7BX~~,EAAAS,~~EAAA~~,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,~~EAEAe~~,OAAAC,OAAA,~~CAAAhB~~,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,~~MAG9E~~,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,~~EAC1G~~,CAAAmC,SAAA,~~CAAAC~~,EAACC,~~EACCvB~~,OAAAC,OAAA,~~CAAAuB~~,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,~~GACEmB~~,OAAAC,OAAA,~~CAAAwB~~,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,~~EACCvB~~,OAAAC,OAAA,~~CAAAuB~~,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,~~GAAMmB~~,OAAAC,OAAA,~~CAAAhB~~,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,~~GAEgCnD~~,~~EAD7BQ~~,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,~~GAChBhC~~,OAAAC,OAAA,~~CAAA8B~~,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,~~GAAmC~~,~~QAApB1C~~,EAAAd,eAAAA,EAAU+B,~~gBAAU~~,IAAAjB,OAAA,EAAAA,~~EAAA2C~~,SAAUJ,EAAYD,EAE/D,OACET,EAACe,EAAUrC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ,IAAAd,OAAA,EAAAA,EAAEwC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,~~OAAqB~~,~~QAArB5D~~,EAAAC,~~aAAA~~,~~EAAAA~~,EAAU+B,~~gBAAW~~,IAAAhC,OAAA,EAAAA,~~GAAoB~~,~~QAApBe~~,EAAAd,aAAQ,EAARA,EAAU+B,~~gBAAU~~,IAAAjB,OAAA,EAAAA,~~EAAA2C~~,SAAU,OAAS,UAAU,GACjFlD,~~EAEH~~,CAAAmC,~~SAAAA~~,GAAYC,EAACa,~~EAAiBnC~~,OAAAC,OAAA,CAAA,~~EAAA2B~~,MAGrC"}
1	+ {"version":3,"file":"autoplay.js","sources":["../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n IconButtonProps,\n CircularProgress,\n CircularProgressProps,\n BoxProps,\n CSSObject,\n SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Foreground Circular Progress (main) props\n /\n foregroundCircleProps?: CircularProgressProps;\n /\n Background Circular Progress props\n /\n backgroundCircleProps?: CircularProgressProps;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx: rawSx,\n foregroundCircleProps,\n backgroundCircleProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps \|\| {};\n const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps \|\| {};\n\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel && carousel.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Foreground\"\n value={value}\n sx={{\n color: 'brand.secondary',\n // overlap\n position: 'relative',\n zIndex: '10',\n '.MuiCircularProgress-circle': {\n transition: 'none',\n },\n ...foregroundCircleSx,\n }}\n {...restForegroundCircle}\n />\n <CircularProgress\n variant=\"determinate\"\n data-testid=\"CarouselAutoplayProgress.Background\"\n value={100}\n sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n {...restBackgroundCircle}\n />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Properties passed to the Icon component\n /\n iconProps?: SvgIconProps;\n /\n Nodes used for the icons\n /\n iconSlots?: {\n pauseIcon?: ElementType<SvgIconProps>;\n playIcon?: ElementType<SvgIconProps>;\n };\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n children,\n iconProps,\n iconSlots,\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const { playIcon, pauseIcon } = {\n playIcon: ControlsPlayIcon,\n pauseIcon: ControlsPauseIcon,\n ...(iconSlots \|\| {}),\n };\n const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n return (\n <IconButton\n aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n {...rest}\n >\n {children \|\| <AutoplayIcon {...iconProps} />}\n </IconButton>\n );\n}\n"],"names":["CarouselAutoplayProgress","_a","carousel","carouselProp","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","rest","__rest","value","setValue","useState","carouselHook","useSwiper","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","color","transition","CarouselAutoplayIconButton","iconProps","iconSlots","useCarousel","playIcon","pauseIcon","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","running","IconButton","onClick"],"mappings":"wbAuCO,MAAMA,EAA4BC,QACvCC,SAAUC,EACVC,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAASP,EACjBQ,EAAIC,EAAAT,EANgC,8EAQvC,MAAOU,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfb,EAAWC,GAAgBW,EAC3BE,EAAsDV,GAAyB,IAA7EF,GAAIa,KAAuBC,EAAoBR,EAAAM,EAAjD,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EH,GAAIgB,KAAuBC,EAAoBX,EAAAS,EAAjD,CAAA,OAGAf,EAAKkB,GAAoC,IAC5B,WAAbd,EACFe,OAAAC,OAAA,CACEhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAxB,GAGEA,GAER,CAACG,EAAUsB,KAAKC,UAAU1B,KAW7B,OATA2B,GAAU,KAEJ9B,GAAYA,EAAS+B,UACvB/B,EAASgC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDzB,EAASuB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE/E,GACC,GAAGnC,IAGJuC,EAACC,iBAAItC,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAMzB,GAAE,cAAgB,4BAA+BK,EAAI,CAAAmC,SAAA,CAC9GC,EAACC,EAAgBvB,OAAAC,OAAA,CACfuB,QAAQ,cAAa,cACT,sCACZpC,MAAOA,EACPP,GAAEmB,OAAAC,OAAA,CACAwB,MAAO,kBAEPxC,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAACC,EAAgBvB,OAAAC,OAAA,CACfuB,QAAQ,cAAa,cACT,sCACZpC,MAAO,IACPP,GAAEmB,OAAAC,OAAA,CAAIhB,SAAU,WAAYwC,MAAO,gBAAmB5B,IAClDC,OAEF,EAyBJ,SAAU6B,EAA2BjD,YACzCC,SAAUC,EAAYyC,SACtBA,EAAQO,UACRA,EAASC,UACTA,GAASnD,EACNQ,EAAIC,EAAAT,EALkC,iDAOzC,MAAMa,EAAeuC,IACfnD,EAAWC,GAAgBW,GAC3BwC,SAAEA,EAAQC,UAAEA,GAAWhC,OAAAC,OAAA,CAC3B8B,SAAUE,EACVD,UAAWE,GACPL,GAAa,CAAA,GAEbM,GAAiC,QAAlB1C,EAAAd,eAAAA,EAAU+B,gBAAQ,IAAAjB,OAAA,EAAAA,EAAE2C,SAAUJ,EAAYD,EAE/D,OACET,EAACe,EAAUrC,OAAAC,OAAA,CAAA,cACqB,QAAlBL,EAAAjB,eAAAA,EAAU+B,gBAAQ,IAAAd,OAAA,EAAAA,EAAEwC,SAAU,0BAA4B,yBACtEE,QAAS,aAAM,OAAkB,QAAlB5D,EAAAC,aAAQ,EAARA,EAAU+B,gBAAQ,IAAAhC,OAAA,EAAAA,GAAqB,QAAlBe,EAAAd,aAAQ,EAARA,EAAU+B,gBAAQ,IAAAjB,OAAA,EAAAA,EAAE2C,SAAU,OAAS,UAAU,GACjFlD,EAAI,CAAAmC,SAEPA,GAAYC,EAACa,EAAYnC,OAAAC,OAAA,CAAA,EAAK2B,MAGrC"}

package/components/carousel/carousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' \| 'cssMode' \| 'navigation' \| 'pagination' \| 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> \| 'component'> {\n /*\n Callback that receives Swiper instance\n /\n onInit?: SwiperProps['onSwiper'];\n /\n Travelled distance in px for peek effect\n * @default 100\n /\n peekDistance?: number;\n /\n Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n /\n peekSpeed?: number;\n}\n\n/\n Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: '50',\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: '50',\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+Ba,~~MAAAA~~,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,~~EAA5FC~~,EAAAX,~~EAAA~~,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAC~~,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,~~EACJ~~,~~CAAAkB~~,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}
1	+ {"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n // `cssMode` not supported\n // instead of `navigation` use <CarouselNavigation />\n // instead of `pagination` use <CarouselPagination />\n // instead of `onSwiper` use `onInit`\n extends Omit<SwiperProps, 'children' \| 'cssMode' \| 'navigation' \| 'pagination' \| 'onSwiper'>,\n Omit<BoxProps, keyof Omit<SwiperProps, 'children'> \| 'component'> {\n /*\n Callback that receives Swiper instance\n /\n onInit?: SwiperProps['onSwiper'];\n /\n Travelled distance in px for peek effect\n * @default 100\n /\n peekDistance?: number;\n /\n Speed of peek effect\n * @default 150 (half of default Carousel's speed)\n /\n peekSpeed?: number;\n}\n\n/\n Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n return (\n <Box\n component={Swiper}\n spaceBetween={0}\n autoHeight\n loop\n keyboard={{\n enabled: true,\n }}\n modules={[\n Keyboard,\n ...(effect === 'fade' ? [EffectFade] : []),\n ...(autoplay ? [Autoplay] : []),\n ...(parallax ? [Parallax] : []),\n ]}\n parallax={parallax}\n effect={effect}\n autoplay={autoplay}\n ref={ref}\n {...rest}\n onSwiper={onInit}\n data-peekspeed={peekSpeed}\n sx={{\n // generic root styling, based on the `import 'swiper/css'`\n display: 'block',\n ml: 'auto',\n mr: 'auto',\n p: '0',\n maxWidth: '100%',\n // ensure correct position\n position: 'relative',\n zIndex: '50',\n overflow: 'hidden',\n // support for ul-type\n listStyle: 'none',\n // variants\n '&.swiper-horizontal': {\n touchAction: 'pan-y',\n },\n '&.swiper-vertical': {\n touchAction: 'pan-x',\n '& > .swiper-wrapper': {\n flexDirection: 'column',\n },\n },\n '&.swiper-autoheight': {\n height: 'auto',\n '& > .swiper-wrapper': {\n alignItems: 'flex-start',\n transitionProperty: 'transform, height',\n },\n },\n // wrapper of all slides\n '& .swiper-wrapper': {\n position: 'relative',\n width: '100%',\n height: '100%',\n zIndex: '50',\n display: 'flex',\n transitionProperty: 'transform',\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n boxSizing: 'content-box',\n transform: 'translate3d(0px, 0, 0)',\n },\n // peek effect\n ...(effect !== 'fade' && {\n '&.peeking .swiper-wrapper > .swiper-slide': {\n transitionProperty: 'transform',\n transitionDuration: `${peekSpeed}ms`,\n transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n },\n '&.peek-next .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n },\n '&.peek-prev .swiper-wrapper > .swiper-slide': {\n transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n },\n }),\n // swiper internal\n '.swiper-slide-invisible-blank': {\n visibility: 'hidden',\n },\n '.swiper-backface-hidden .swiper-slide': {\n transform: 'translateZ(0)',\n WebkitBackfaceVisibility: 'hidden',\n backfaceVisibility: 'hidden',\n },\n // does not include CSS Mode, 3D Shadows, lazy loading\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"0QA+BO,MAAMA,EAAoCC,GAC/C,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAMC,SAAEA,EAAQC,SAAEA,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAAIC,EAAAX,EAAhG,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EAAI,CACRkB,SAAUxB,EAAM,iBACAK,EAChBN,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAXzC,GAAqB,CACvB,4CAA6C,CAC3CqC,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAMzC,cAE9E,8CAA+C,CAC7CsC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAKzC,gBAE9E,CAEF,gCAAiC,CAC/B0C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBjD,GAAED,SAGNA,IACG"}

package/components/carousel/hooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as l,useLayoutEffect as n,useRef as t}from"react";import{useSwiper as u}from"swiper/react";function o(l){const[n,t]=e(null);return i(n,l),[n,t]}function r(e){const l=u();return i(l,e),l}function i(t,u){const[,o]=e({});l((()=>{t&&(null!=u?u:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{t.on(e,(()=>{o({})}))}))}),[t]),n((()=>{o({})}),[])}function s(n){const[u,o]=e(null),r=t(null),[i,s]=e(!1);return l((()=>{var e,l,t,s,d,a,c;return"reset"===u?(null===(e=null==n?void 0:n.el)||void 0===e||e.classList.remove("peek-prev"),null===(l=null==n?void 0:n.el)||void 0===l||l.classList.remove("peek-next"),r.current=setTimeout((()=>{o(null)}),+((null==n?void 0:n.el.getAttribute("data-peekspeed"))||150))):u?i||(null==n||n.slideReset(0),"prev"===u?(null==n||n.slidePrev(0),null==n||n.slideNext(0)):(null==n||n.slideNext(0),null==n||n.slidePrev(0)),null===(t=null==n?void 0:n.el)||void 0===t||t.classList.add("peeking"),null===(s=null==n?void 0:n.el)||void 0===s||s.classList.add(`peek-${u}`)):(null===(d=null==n?void 0:n.el)||void 0===d||d.classList.remove("peeking"),null===(a=null==n?void 0:n.el)||void 0===a||a.classList.remove("peek-prev"),null===(c=null==n?void 0:n.el)||void 0===c||c.classList.remove("peek-next")),()=>{r.current&&clearTimeout(r.current)}}),[u]),l((()=>{null==n||n.on("touchStart",(()=>{o("reset"),s(!0)})),null==n||n.on("touchEnd",(()=>{o("reset"),s(!1)}))}),[!!n]),[u,o]}export{r as useCarousel,o as useCarouselInstance,s as useCarouselPeekEffect};
+import{useState as e,useEffect as l,useLayoutEffect as n,useRef as t}from"react";import{useSwiper as o}from"swiper/react";function u(l){const[n,t]=e(null);return i(n,l),[n,t]}function r(e){const l=o();return i(l,e),l}function i(t,o){const[,u]=e({});l((()=>{t&&(null!=o?o:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop","lock","unlock"]).forEach((e=>{t.on(e,(()=>{u({})}))}))}),[t]),n((()=>{u({})}),[])}function s(n){const[o,u]=e(null),r=t(null),[i,s]=e(!1);return l((()=>{var e,l,t,s,d,c,a;return"reset"===o?(null===(e=null==n?void 0:n.el)||void 0===e||e.classList.remove("peek-prev"),null===(l=null==n?void 0:n.el)||void 0===l||l.classList.remove("peek-next"),r.current=setTimeout((()=>{u(null)}),+((null==n?void 0:n.el.getAttribute("data-peekspeed"))||150))):o?i||(null==n||n.slideReset(0),"prev"===o?(null==n||n.slidePrev(0),null==n||n.slideNext(0)):(null==n||n.slideNext(0),null==n||n.slidePrev(0)),null===(t=null==n?void 0:n.el)||void 0===t||t.classList.add("peeking"),null===(s=null==n?void 0:n.el)||void 0===s||s.classList.add(`peek-${o}`)):(null===(d=null==n?void 0:n.el)||void 0===d||d.classList.remove("peeking"),null===(c=null==n?void 0:n.el)||void 0===c||c.classList.remove("peek-prev"),null===(a=null==n?void 0:n.el)||void 0===a||a.classList.remove("peek-next")),()=>{r.current&&clearTimeout(r.current)}}),[o]),l((()=>{null==n||n.on("touchStart",(()=>{u("reset"),s(!0)})),null==n||n.on("touchEnd",(()=>{u("reset"),s(!1)}))}),[!!n]),[o,u]}export{r as useCarousel,u as useCarouselInstance,s as useCarouselPeekEffect};
 //# sourceMappingURL=hooks.js.map

package/components/carousel/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n return [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (events ?? ['slideChange', 'afterInit', 'reachBeginning', 'reachEnd', 'autoplayStart', 'autoplayStop']).forEach(\n (evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n }~~,\n~~ );\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el.getAttribute('data-peekspeed') \|\| 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,~~IAEDD~~,QAAAA,EAAU,~~CAAC~~,~~cAAe~~,~~YAAa~~,~~iBAAkB~~,~~WAAY~~,~~gBAAiB~~,~~iBAAiBS~~,~~SACrGC~~,~~IACCT~~,EAASU,GAAGD,GAAK,KACfH,EAAY,CAAA,EAAG,GACf,~~MAIP~~,CAACN,IAEJW,GAAgB,KACdL,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUM,EAAsBZ,GACpC,MAAOa,EAAMC,GAAWZ,EAA2C,MAC7Da,EAAcC,EAA8B,OAC3CC,EAAUC,GAAehB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATM,~~GACY~~,~~QAAdM~~,EAAAnB,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAD,GAAAA,~~EAAAE~~,UAAUC,OAAO,~~aACjB~~,~~QAAdC~~,EAAAvB,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAG,GAAAA,~~EAAAF~~,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbd,~~aAAA~~,~~EAAAA~~,EAAUoB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHjB,SAAAA,EAAU2B,WAAW,GACR,SAATd,GACFb,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU6B,UAAU,KAEpB7B,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU4B,UAAU,~~IAER~~,~~QAAdE~~,EAAA9B,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAU,GAAAA,~~EAAAT~~,UAAUU,IAAI,WAChB,QAAZC,EAAAhC,~~aAAA~~,~~EAAAA~~,EAAUoB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,~~OAGxB~~,~~QAAdoB~~,EAAAjC,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAa,GAAAA,~~EAAAZ~~,UAAUC,OAAO,~~WACjB~~,~~QAAdY~~,EAAAlC,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAc,GAAAA,~~EAAAb~~,UAAUC,OAAO,~~aACjB~~,~~QAAda~~,EAAAnC,aAAQ,EAARA,EAAUoB,~~UAAI~~,IAAAe,GAAAA,~~EAAAd~~,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,~~SAE5B~~,GACA,CAACX,IAKJN,GAAU,KAERP,SAAAA,EAAUU,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBlB,SAAAA,EAAUU,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGlB,IAEC,CAACa,EAAMC,EAChB"}
1	+ {"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n return [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (\n events ?? [\n 'slideChange',\n 'afterInit',\n 'reachBeginning',\n 'reachEnd',\n 'autoplayStart',\n 'autoplayStop',\n 'lock',\n 'unlock',\n ]\n ).forEach((evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n });\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el.getAttribute('data-peekspeed') \|\| 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,IACjCK,GAAU,KACJP,IAGAD,QAAAA,EAAU,CACR,cACA,YACA,iBACA,WACA,gBACA,eACA,OACA,WAEFS,SAASC,IACTT,EAASU,GAAGD,GAAK,KACfH,EAAY,CAAA,EAAG,GACf,GAEN,GACC,CAACN,IAEJW,GAAgB,KACdL,EAAY,CAAA,EAAG,GACd,GACL,CAKM,SAAUM,EAAsBZ,GACpC,MAAOa,EAAMC,GAAWZ,EAA2C,MAC7Da,EAAcC,EAA8B,OAC3CC,EAAUC,GAAehB,GAAkB,GAsDlD,OApDAK,GAAU,uBA8BR,MA7Ba,UAATM,GACU,QAAZM,EAAAnB,aAAQ,EAARA,EAAUoB,UAAE,IAAAD,GAAAA,EAAEE,UAAUC,OAAO,aACnB,QAAZC,EAAAvB,aAAQ,EAARA,EAAUoB,UAAE,IAAAG,GAAAA,EAAEF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbd,aAAQ,EAARA,EAAUoB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHjB,SAAAA,EAAU2B,WAAW,GACR,SAATd,GACFb,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU6B,UAAU,KAEpB7B,SAAAA,EAAU6B,UAAU,GACpB7B,SAAAA,EAAU4B,UAAU,IAEV,QAAZE,EAAA9B,aAAQ,EAARA,EAAUoB,UAAE,IAAAU,GAAAA,EAAET,UAAUU,IAAI,WAChB,QAAZC,EAAAhC,aAAQ,EAARA,EAAUoB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAG1B,QAAZoB,EAAAjC,aAAQ,EAARA,EAAUoB,UAAE,IAAAa,GAAAA,EAAEZ,UAAUC,OAAO,WACnB,QAAZY,EAAAlC,aAAQ,EAARA,EAAUoB,UAAE,IAAAc,GAAAA,EAAEb,UAAUC,OAAO,aACnB,QAAZa,EAAAnC,aAAQ,EAARA,EAAUoB,UAAE,IAAAe,GAAAA,EAAEd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,QAC3B,CACD,GACA,CAACX,IAKJN,GAAU,KAERP,SAAAA,EAAUU,GAAG,cAAc,KACzBI,EAAQ,SACRI,GAAY,EAAK,IAEnBlB,SAAAA,EAAUU,GAAG,YAAY,KACvBI,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGlB,IAEC,CAACa,EAAMC,EAChB"}

package/components/carousel/navigation.d.ts CHANGED Viewed

@@ -45,8 +45,13 @@ export interface CarouselNavigationProps {
      * @default false
      */
     onBackground?: boolean;
+    /**
+     * Hide navigation buttons on case there are not enough slides for sliding
+     * @default false
+     */
+    autoHideNavigation?: boolean;
 }
 /**
  * Left & Right navigation arrows
  */
-export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselNavigation({ carousel: carouselProp, peekEffect: propPeekEffect, prevButtonProps, prevIconProps, PrevIconComponent, nextButtonProps, nextIconProps, NextIconComponent, arrows, onBackground, autoHideNavigation, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;

package/components/carousel/navigation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as s}from"react/jsx-runtime";import{useMemo as t}from"react";import{useCarousel as n,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a,useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as m}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as u}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as x}from"../../materialui/button/interactive.js";function b({carousel:b,peekEffect:g=!1,prevButtonProps:f,prevIconProps:j,PrevIconComponent:O,nextButtonProps:k,nextIconProps:v,NextIconComponent:h,arrows:C=!0,onBackground:I=!1}){const P=n(),y=b||P,M="fade"!==(null==y?void 0:y.originalParams.effect)&&g,w=a(),B=c(w.breakpoints.up("md")),E=f||{},{sx:L}=E,z=r(E,["sx"]),N=k||{},{sx:S}=N,A=r(N,["sx"]),[R,q]=i(y),D=O||(C?m:p),F=h||(C?u:d),G=t((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},x({color:"text.primary",borderColor:I?"transparent.transparent":"onSurface.os100",backgroundColor:I?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:I?"transparent.transparent":"disabled.secondary",backgroundColor:I?"transparent.transparent":"disabled.secondary"}})),[]);return o(e,{children:[s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isBeginning,onClick:()=>{null==y||y.slidePrev(),M&&R&&q("reset")},onMouseEnter:()=>B&&M&&q("prev"),onMouseLeave:()=>M&&R&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{left:"16px"}),L),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},z,{children:"rtl"===w.direction?s(F,Object.assign({},j)):s(D,Object.assign({},j))})),s(l,Object.assign({disabled:y&&!y.originalParams.loop&&y.isEnd,onClick:()=>{null==y||y.slideNext(),M&&R&&q("reset")},onMouseEnter:()=>B&&M&&q("next"),onMouseLeave:()=>M&&R&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{right:"16px"}),S),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},A,{children:"rtl"===w.direction?s(D,Object.assign({},v)):s(F,Object.assign({},v))}))]})}export{b as CarouselNavigation};
+import{__rest as r}from"tslib";import{jsxs as o,Fragment as e,jsx as n}from"react/jsx-runtime";import{useMemo as s}from"react";import{useCarousel as t,useCarouselPeekEffect as i}from"./hooks.js";import{useTheme as a,useMediaQuery as c,IconButton as l}from"@mui/material";import{ChevronLeftIcon as p}from"../icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../icon/stroke/ChevronRightIcon.js";import{ArrowLeftIcon as m}from"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as x}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as u}from"../../materialui/button/interactive.js";function b({carousel:b,peekEffect:g=!1,prevButtonProps:f,prevIconProps:j,PrevIconComponent:v,nextButtonProps:k,nextIconProps:O,NextIconComponent:I,arrows:h=!0,onBackground:C=!1,autoHideNavigation:P=!1}){const y=t(),M=b||y,E="fade"!==(null==M?void 0:M.originalParams.effect)&&g,L=a(),w=c(L.breakpoints.up("md")),B=f||{},{sx:N}=B,S=r(B,["sx"]),z=k||{},{sx:A}=z,R=r(z,["sx"]),[H,q]=i(M),D=v||(h?m:p),F=I||(h?x:d),G=s((()=>Object.assign(Object.assign({position:"absolute",zIndex:"100",top:"50%",width:{xs:"32px",md:"40px",xl:"44px"},height:{xs:"32px",md:"40px",xl:"44px"},mt:{xs:"-16px",md:"-20px",xl:"-22px"},"& .MuiSvgIcon-root":{fontSize:{xs:"17px",xl:"20px"}}},u({color:"text.primary",borderColor:C?"transparent.transparent":"onSurface.os100",backgroundColor:C?"transparent.transparent":"surface.primary"},{backgroundColor:"surface.secondary"})),{"&.Mui-disabled":{color:"disabled.tertiary",borderColor:C?"transparent.transparent":"disabled.secondary",backgroundColor:C?"transparent.transparent":"disabled.secondary"}})),[]);return P&&(null==M?void 0:M.isLocked)?null:o(e,{children:[n(l,Object.assign({disabled:M&&!M.originalParams.loop&&M.isBeginning,onClick:()=>{null==M||M.slidePrev(),E&&H&&q("reset")},onMouseEnter:()=>w&&E&&q("prev"),onMouseLeave:()=>E&&H&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{insetInlineStart:"16px"}),N),"aria-label":"Previous slide","aria-controls":"carousel",color:"surface",size:"medium"},S,{children:"rtl"===L.direction?n(F,Object.assign({},j)):n(D,Object.assign({},j))})),n(l,Object.assign({disabled:M&&!M.originalParams.loop&&M.isEnd,onClick:()=>{null==M||M.slideNext(),E&&H&&q("reset")},onMouseEnter:()=>w&&E&&q("next"),onMouseLeave:()=>E&&H&&q("reset"),sx:Object.assign(Object.assign(Object.assign({},G),{insetInlineEnd:"16px"}),A),"aria-label":"Next slide","aria-controls":"carousel",color:"surface"},R,{children:"rtl"===L.direction?n(D,Object.assign({},O)):n(F,Object.assign({},O))}))]})}export{b as CarouselNavigation};
 //# sourceMappingURL=navigation.js.map

package/components/carousel/navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Enable/disable peek effect on hover\n * @default: false\n /\n peekEffect?: boolean;\n /\n Previous Slide IconButton\n /\n prevButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n prevIconProps?: SvgIconProps;\n /\n Previous icon node\n /\n PrevIconComponent?: ElementType<SvgIconProps>;\n /\n Next Slide IconButton\n /\n nextButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n nextIconProps?: SvgIconProps;\n /\n Next icon node\n /\n NextIconComponent?: ElementType<SvgIconProps>;\n /\n Replaces Chevrons with Arrows\n * @default true\n /\n arrows?: boolean;\n /\n Enable if placing on a plain background (not on top of an image/video)\n * @default false\n /\n onBackground?: boolean;\n}\n\n/\n Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n carousel: carouselProp,\n peekEffect: propPeekEffect = false,\n prevButtonProps,\n prevIconProps,\n PrevIconComponent,\n nextButtonProps,\n nextIconProps,\n NextIconComponent,\n arrows = true,\n onBackground = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n const theme = useTheme();\n const upMD = useMediaQuery(theme.breakpoints.up('md'));\n const { sx: prevSx, ...restPrev } = prevButtonProps \|\| {};\n const { sx: nextSx, ...restNext } = nextButtonProps \|\| {};\n const [peek, setPeek] = useCarouselPeekEffect(carousel);\n const PrevIcon = PrevIconComponent \|\| (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n const NextIcon = NextIconComponent \|\| (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n // shared style between buttons\n const sharedSx = useMemo(\n () => ({\n // absolute inside the carousel position\n position: 'absolute',\n zIndex: '100',\n top: '50%',\n // ~~manual~~ ~~v-align~~, ~~half~~ ~~the~~ ~~icon size\n mt~~: '~~-22px~~',\n ~~// responsive\n width~~: { xs: '32px', md: '40px', xl: '44px' },\n ~~height~~: { xs: '~~32px~~', md: '~~40px~~', xl: '~~44px~~' },\n '& .MuiSvgIcon-root': {\n fontSize: { xs: '17px', xl: '20px' },\n },\n // highlight border\n ...getInteractiveStyle(\n {\n color: 'text.primary',\n borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n },\n {\n backgroundColor: 'surface.secondary',\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n },\n }),\n [],\n );\n\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n onClick={() => {\n carousel?.slidePrev();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n ~~left~~: '16px',\n ...prevSx,\n }}\n aria-label=\"Previous slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n size=\"medium\"\n {...restPrev}\n >\n {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n </IconButton>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n onClick={() => {\n carousel?.slideNext();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n ~~right~~: '16px',\n ...nextSx,\n }}\n aria-label=\"Next slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n {...restNext}\n >\n {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n </IconButton>\n </>\n );\n}\n"],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","~~mt","~~width","xs","md","xl","height","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","~~left~~","size","children","direction","isEnd","slideNext","~~right~~"],"mappings":"~~wmBA2DgB~~,~~SAAAA,~~GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,~~IAEf~~,MAAMC,EAAeC,~~IACfb~~,EAAWC,~~GAAgBW~~,~~EAC3BV~~,EAAiD,UAApCF,~~aAAA~~,~~EAAAA~~,~~EAAUc~~,eAAeC,~~SAAqBZ~~,~~EAC3Da~~,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,~~EAA8BlB~~,GAAmB,IAA/~~CmB~~,GAAIC,KAAWC,~~EAAjBC~~,EAAAJ,~~EAAA~~,CAAA,OACAK,~~EAA8BpB~~,GAAmB,IAA/~~CgB~~,GAAIK,KAAWC,~~EAAjBH~~,EAAAC,~~EAAA~~,CAAA,QACCG,EAAMC,GAAWC,~~EAAsBhC~~,~~GACxCiC~~,~~EAAW3B~~,IAAsBI,~~EAASwB~~,EAAgBC,GAC1DC,~~EAAW3B~~,IAAsBC,~~EAAS2B~~,EAAiBC,GAG3DC,EAAWC,GACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,~~GAAI,QAEJC,~~MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,~~QACtC~~,qBAAsB,~~CACpBE~~,SAAU,~~CAAEJ~~,GAAI,OAAQE,GAAI,~~UAG3BG~~,EACD,CACEC,MAAO,eACPC,~~YAAa5C~~,EAAe,0BAA4B,~~kBACxD6C~~,~~gBAAiB7C~~,EAAe,0BAA4B,mBAE9D,~~CACE6C~~,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,~~YAAa5C~~,EAAe,0BAA4B,~~qBACxD6C~~,~~gBAAiB7C~~,EAAe,0BAA4B,yBAGhE,~~IAGF~~,~~OACE8C~~,eACEC,EAACC,iBACCC,~~SAAU5D~~,IAAaA,~~EAASc~~,~~eAAe+C~~,~~MAAQ7D~~,~~EAAS8D~~,YAChEC,QAAS,~~KACP/D~~,SAAAA,~~EAAUgE~~,~~YACV9D~~,~~GAAc4B~~,GAAQC,EAAQ,QAAQ,~~EAExCkC~~,aAAc,~~IAAM/C~~,~~GAAQhB~~,~~GAAc6B~~,EAAQ,~~QAClDmC~~,aAAc,~~IAAMhE~~,~~GAAc4B~~,GAAQC,EAAQ,SAClDR,~~GACKkB~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~GAAAH~~,~~IACH4B~~,~~KAAM~~,~~SACH3C~~,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,~~UACNc~~,KAAK,~~UACD3C~~,~~EAEH~~,~~CAAA4C~~,~~SAAoB~~,~~QAApBrD~~,~~EAAMsD~~,UAAsBZ,~~EAACtB~~,~~mBAAa/B~~,~~IAAoBqD~~,~~EAACzB~~,~~EAAaQ~~,OAAAC,OAAA,CAAA,~~EAAArC~~,OAE/~~EqD~~,EAACC,~~EAAUlB~~,OAAAC,OAAA,~~CACTkB~~,~~SAAU5D~~,IAAaA,~~EAASc~~,~~eAAe+C~~,~~MAAQ7D~~,~~EAASuE~~,MAChER,QAAS,~~KACP/D~~,SAAAA,~~EAAUwE~~,~~YACVtE~~,~~GAAc4B~~,GAAQC,EAAQ,QAAQ,~~EAExCkC~~,aAAc,~~IAAM/C~~,~~GAAQhB~~,~~GAAc6B~~,EAAQ,~~QAClDmC~~,aAAc,~~IAAMhE~~,~~GAAc4B~~,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAAA~~,~~EACGH,~~GAAQ,~~CACXkC~~,~~MAAO~~,~~SACJ7C~~,~~GAEM~~,~~aAAA~~,~~aACG~~,~~gBAAA~~,WACd0B,MAAM,WACFzB,~~EAEH~~,~~CAAAwC~~,~~SAAoB~~,~~QAApBrD~~,~~EAAMsD~~,UAAsBZ,~~EAACzB~~,EAAQQ,OAAAC,OAAA,CAAA,~~EAAKlC~~,~~IAAoBkD~~,~~EAACtB~~,~~mBAAa5B~~,SAIrF"}
1	+ {"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Enable/disable peek effect on hover\n * @default: false\n /\n peekEffect?: boolean;\n /\n Previous Slide IconButton\n /\n prevButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n prevIconProps?: SvgIconProps;\n /\n Previous icon node\n /\n PrevIconComponent?: ElementType<SvgIconProps>;\n /\n Next Slide IconButton\n /\n nextButtonProps?: Partial<IconButtonProps>;\n /\n Previous icon props\n /\n nextIconProps?: SvgIconProps;\n /\n Next icon node\n /\n NextIconComponent?: ElementType<SvgIconProps>;\n /\n Replaces Chevrons with Arrows\n * @default true\n /\n arrows?: boolean;\n /\n Enable if placing on a plain background (not on top of an image/video)\n * @default false\n /\n onBackground?: boolean;\n /\n Hide navigation buttons on case there are not enough slides for sliding\n * @default false\n /\n autoHideNavigation?: boolean;\n}\n\n/\n Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n carousel: carouselProp,\n peekEffect: propPeekEffect = false,\n prevButtonProps,\n prevIconProps,\n PrevIconComponent,\n nextButtonProps,\n nextIconProps,\n NextIconComponent,\n arrows = true,\n onBackground = false,\n autoHideNavigation = false,\n}: CarouselNavigationProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n const theme = useTheme();\n const upMD = useMediaQuery(theme.breakpoints.up('md'));\n const { sx: prevSx, ...restPrev } = prevButtonProps \|\| {};\n const { sx: nextSx, ...restNext } = nextButtonProps \|\| {};\n const [peek, setPeek] = useCarouselPeekEffect(carousel);\n const PrevIcon = PrevIconComponent \|\| (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n const NextIcon = NextIconComponent \|\| (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n // shared style between buttons\n const sharedSx = useMemo(\n () => ({\n // absolute inside the carousel position\n position: 'absolute',\n zIndex: '100',\n top: '50%',\n // responsive\n width: { xs: '32px', md: '40px', xl: '44px' },\n height: { xs: '32px', md: '40px', xl: '44px' },\n // manual v-align, half the icon size\n mt: { xs: '-16px', md: '-20px', xl: '-22px' },\n '& .MuiSvgIcon-root': {\n fontSize: { xs: '17px', xl: '20px' },\n },\n // highlight border\n ...getInteractiveStyle(\n {\n color: 'text.primary',\n borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os100',\n backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n },\n {\n backgroundColor: 'surface.secondary',\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n borderColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n },\n }),\n [],\n );\n\n // hide navigation when not needed\n if (autoHideNavigation && carousel?.isLocked) {\n return null;\n }\n return (\n <>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n onClick={() => {\n carousel?.slidePrev();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n insetInlineStart: '16px',\n ...prevSx,\n }}\n aria-label=\"Previous slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n size=\"medium\"\n {...restPrev}\n >\n {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n </IconButton>\n <IconButton\n disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n onClick={() => {\n carousel?.slideNext();\n peekEffect && peek && setPeek('reset');\n }}\n onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n sx={{\n ...sharedSx,\n insetInlineEnd: '16px',\n ...nextSx,\n }}\n aria-label=\"Next slide\"\n aria-controls=\"carousel\"\n color=\"surface\"\n {...restNext}\n >\n {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n </IconButton>\n </>\n );\n}\n"],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","autoHideNavigation","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","width","xs","md","xl","height","mt","fontSize","getInteractiveStyle","color","borderColor","backgroundColor","isLocked","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","insetInlineStart","size","children","direction","isEnd","slideNext","insetInlineEnd"],"mappings":"inBAgEgBA,GACdC,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,EAAKC,mBACpBA,GAAqB,IAErB,MAAMC,EAAeC,IACfd,EAAWC,GAAgBY,EAC3BX,EAAiD,UAApCF,aAAQ,EAARA,EAAUe,eAAeC,SAAqBb,EAC3Dc,EAAQC,IACRC,EAAOC,EAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BnB,GAAmB,IAA/CoB,GAAIC,KAAWC,EAAQC,EAAAJ,EAAzB,CAAA,OACAK,EAA8BrB,GAAmB,IAA/CiB,GAAIK,KAAWC,EAAQH,EAAAC,EAAzB,CAAA,QACCG,EAAMC,GAAWC,EAAsBjC,GACxCkC,EAAW5B,IAAsBI,EAASyB,EAAgBC,GAC1DC,EAAW5B,IAAsBC,EAAS4B,EAAiBC,GAG3DC,EAAWC,GACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,MAAO,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACrCC,OAAQ,CAAEH,GAAI,OAAQC,GAAI,OAAQC,GAAI,QAEtCE,GAAI,CAAEJ,GAAI,QAASC,GAAI,QAASC,GAAI,SACpC,qBAAsB,CACpBG,SAAU,CAAEL,GAAI,OAAQE,GAAI,UAG3BI,EACD,CACEC,MAAO,eACPC,YAAa7C,EAAe,0BAA4B,kBACxD8C,gBAAiB9C,EAAe,0BAA4B,mBAE9D,CACE8C,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa7C,EAAe,0BAA4B,qBACxD8C,gBAAiB9C,EAAe,0BAA4B,yBAGhE,IAIF,OAAIC,IAAsBZ,aAAQ,EAARA,EAAU0D,UAC3B,KAGPC,eACEC,EAACC,iBACCC,SAAU9D,IAAaA,EAASe,eAAegD,MAAQ/D,EAASgE,YAChEC,QAAS,KACPjE,SAAAA,EAAUkE,YACVhE,GAAc6B,GAAQC,EAAQ,QAAQ,EAExCmC,aAAc,IAAMhD,GAAQjB,GAAc8B,EAAQ,QAClDoC,aAAc,IAAMlE,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,IACH6B,iBAAkB,SACf5C,gBAEM,iBAAgB,gBACb,WACd8B,MAAM,UACNe,KAAK,UACD5C,EAAQ,CAAA6C,SAES,QAApBtD,EAAMuD,UAAsBZ,EAACvB,mBAAahC,IAAoBuD,EAAC1B,EAAQQ,OAAAC,OAAA,CAAA,EAAKtC,OAE/EuD,EAACC,EAAUnB,OAAAC,OAAA,CACTmB,SAAU9D,IAAaA,EAASe,eAAegD,MAAQ/D,EAASyE,MAChER,QAAS,KACPjE,SAAAA,EAAU0E,YACVxE,GAAc6B,GAAQC,EAAQ,QAAQ,EAExCmC,aAAc,IAAMhD,GAAQjB,GAAc8B,EAAQ,QAClDoC,aAAc,IAAMlE,GAAc6B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGH,GAAQ,CACXmC,eAAgB,SACb9C,GAAM,aAEA,aAAY,gBACT,WACd0B,MAAM,WACFzB,EAAQ,CAAAyC,SAES,QAApBtD,EAAMuD,UAAsBZ,EAAC1B,EAAQQ,OAAAC,OAAA,CAAA,EAAKnC,IAAoBoD,EAACvB,mBAAa7B,SAIrF"}

package/components/carousel/pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps, LinearProgressProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/sliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' \| 'position'> {\n /*\n Carousel instance from useCarousel hook\n /\n carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n variant?: 'dots';\n /\n Properties applied to wrapper of dots\n /\n dotsWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to each dot\n /\n dotProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n variant?: 'fraction';\n /\n Properties applied to button used to render text\n /\n buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n variant?: 'lines';\n /\n Properties applied to each line\n /\n linesProps?: ButtonProps;\n /\n Show progress in active line instead\n /\n lineProgress?: number;\n /\n Properties applied to active line progress\n /\n lineProgressProps?: BoxProps<ElementType>;\n}\n/\n @deprecated use `slider` variant instead\n /\nexport interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {\n variant?: 'progress';\n /\n @deprecated\n /\n progressProps?: LinearProgressProps;\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n variant?: 'slider';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n variant?: 'scrollbar';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n /\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Append style to wrapper box to change position of control\n * @default outside\n /\n position?: 'outside' \| 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n (\n \| Omit<CarouselPaginationDotsProps, 'carousel'>\n \| Omit<CarouselPaginationFractionProps, 'carousel'>\n \| Omit<CarouselPaginationLinesProps, 'carousel'>\n \| Omit<CarouselPaginationProgressProps, 'carousel'>\n \| Omit<CarouselPaginationSliderProps, 'carousel'>\n \| Omit<CarouselPaginationScrollbarProps, 'carousel'>\n );\n\n/\n Pagination controls\n /\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n ({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }, ref) => {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n // decide on component used\n const VariantComponent = useMemo(() => {\n switch (variant) {\n case 'scrollbar':\n return ScrollbarVariant;\n case 'slider':\n case 'progress':\n return SliderVariant;\n case 'fraction':\n return FractionVariant;\n case 'lines':\n return LinesVariant;\n case 'dots':\n return DotsVariant;\n default:\n return DotsVariant;\n }\n }, [variant]);\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n return <VariantComponent carousel={carousel} sx={sx} ref={ref} position={position} {...rest} />;\n },\n);\n\n/\n Dots variant (...)\n /\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n const { sx: dotSx, ...restDot } = dotProps ?? {};\n\n return (\n <Box\n sx={{\n p: 2,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '1000px',\n py: 0.5,\n px: 1,\n gap: 0.5,\n // ensure width does not change during transition\n // dots width space + gap space + extra active dot space + padding\n width: `${(carousel?.slides.length \|\| 0) 12 + ((carousel?.slides.length \|\| 1) - 1) * 4 + 4 + 16}px`,\n // on image variant from Figma\n ...(position === 'inside' && {\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop'),\n }),\n ...dotsWrapperSx,\n }}\n {...restDotsWrapper}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => (\n <Box\n key={idx}\n className={\n !carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1\n ? 'active'\n : (!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex\n ? 'active'\n : undefined\n }\n sx={{\n p: '0',\n width: '12px',\n height: '12px',\n // scale to 8px\n transform: 'scale(0.6667)',\n borderRadius: '100%',\n backgroundColor: 'onSurface.os500',\n transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n '&.active': {\n transform: 'scale(1)',\n backgroundColor: 'text.primary',\n margin: '0 2px',\n },\n ...dotSx,\n }}\n {...restDot}\n />\n ))}\n </Box>\n </Box>\n );\n },\n);\n\n/*\n Fraction variant (text 1/3)\n /\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Button\n variant=\"text\"\n aria-controls=\"carousel\"\n sx={{\n px: 2,\n py: 0.25,\n borderRadius: '4px',\n // custom typography according to Figma (Pagination/Compact)\n fontSize: '18px',\n lineHeight: '28px',\n letterSpacing: '0.02em',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.backdrop',\n },\n {\n backgroundColor: 'onSurface.os100',\n },\n ),\n ...buttonSx,\n }}\n onClick={() =>\n // at the end, slide to beginning\n carousel?.isEnd && !carousel.originalParams.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n }\n {...restButton}\n >\n <Box component=\"span\">\n <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n {`${(carousel?.realIndex \|\| 0) + 1}`}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n {' / '}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n {`${carousel?.slides.length \|\| 0}`}\n </Box>\n </Box>\n </Button>\n </Box>\n );\n },\n);\n\n/\n Lines variant (- - -)\n /\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n const { sx: lineSx, ...lineRest } = linesProps ?? {};\n const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'stretch', md: 'center' },\n flexGrow: { xs: '1', md: 0 },\n gap: 1,\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => {\n const active =\n (!carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex);\n const seen = idx <= (carousel?.realIndex \|\| 0);\n\n return (\n <Button\n key={idx}\n color=\"inherit\"\n className={active ? 'active' : undefined}\n sx={{\n p: 0,\n minHeight: '0',\n height: active \|\| seen ? '8px' : '4px',\n borderRadius: active \|\| seen ? '4px' : '2px',\n width: { xs: '100%', md: '56px' },\n justifyContent: 'flex-start',\n ...getInteractiveStyle(\n {\n backgroundColor: 'surface.primary',\n '& .progress-line': {\n backgroundColor: 'brand.secondary',\n },\n },\n {\n backgroundColor: 'surface.secondary',\n '& .progress-line': {\n backgroundColor: 'brandHover.secondary',\n },\n },\n ),\n ...lineSx,\n }}\n aria-controls=\"carousel\"\n onClick={() => carousel?.[carousel.originalParams.loop ? 'slideToLoop' : 'slideTo'](idx)}\n {...lineRest}\n >\n <Box\n sx={{\n // invisible hitbox expanding clickable area\n position: 'absolute',\n top: '50%',\n left: '0',\n right: '0',\n height: '24px', // Minimum a11y click area\n transform: 'translateY(-50%)',\n pointerEvents: 'auto',\n }}\n />\n <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n <Box\n className=\"progress-line\"\n role={active ? 'progress' : undefined} // Only the active one gets a role\n aria-valuenow={active ? lineProgress : undefined}\n aria-valuemin={0}\n aria-valuemax={100}\n sx={{\n opacity: lineProgress !== undefined \|\| seen ? '1' : '0',\n width: '100%',\n backgroundColor: 'brand.secondary',\n height: '100%',\n transformOrigin: 'left',\n transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n ...lineProgressSx,\n }}\n {...lineProgressRest}\n />\n </Box>\n </Button>\n );\n })}\n </Box>\n );\n },\n);\n\n/\n Slider variant (___)\n /\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // slider current value that might not match carousel progress\n const [value, setValue] = useState<number>(Math.round((carousel?.progress \|\| 0) 100));\n // watch user manipulating slider\n const dragging = useRef<boolean>(false);\n const [, setRerender] = useState({});\n // monitor carousel progress to update slider value\n useEffect(() => {\n if (!dragging.current) {\n setValue(Math.round((carousel?.progress \|\| 0) * 100));\n }\n }, [carousel?.progress]);\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleMove = () => {\n if (!dragging.current) {\n setRerender({});\n }\n };\n\n // monitor of movement to immediately move thumb\n carousel.on('sliderMove', handleMove);\n\n return () => {\n carousel.off('sliderMove', handleMove);\n };\n }\n }, [carousel]);\n\n return (\n <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n <Slider\n value={value}\n min={0}\n max={100}\n onChange={(_, newValue: number) => {\n // prevent value updates from carousel progress\n dragging.current = true;\n // smoothly move carousel\n carousel?.setProgress(newValue / 100, 150);\n // update slider value\n setValue(newValue);\n }}\n onChangeCommitted={() => {\n // make sure to slide to correct position after user stop touching slider\n carousel?.slideToClosest(300);\n // enable changing value from carousel progress\n dragging.current = false;\n }}\n sx={{\n display: 'block',\n height: '4px',\n // restyle to less prominent variant\n '.MuiSlider-rail': {\n color: 'surface.primary',\n },\n '.MuiSlider-track': {\n color: 'onSurface.os500',\n // match transition speed of carousel\n transitionDuration: `${carousel?.originalParams.speed ?? 300}ms`,\n },\n // hide control thumb\n '.MuiSlider-thumb': {\n display: 'none',\n },\n ...sliderSx,\n }}\n aria-controls=\"carousel\"\n {...restSlider}\n />\n </Box>\n );\n },\n);\n\n/*\n Scrollbar variant (_--)\n /\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // watch states\n const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n const [, setRerender] = useState({});\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleDragStart = () => setCarouselDragging(true);\n const handleDragEnd = () => setCarouselDragging(false);\n const handleResize = () => setRerender({});\n\n // monitor of dragging to remove thumb transition for immediate feedback\n carousel.on('touchStart', handleDragStart);\n carousel.on('touchEnd', handleDragEnd);\n // monitor resize to change size of the thumb\n carousel.on('resize', handleResize);\n\n return () => {\n carousel.off('touchStart', handleDragStart);\n carousel.off('touchEnd', handleDragEnd);\n carousel.off('resize', handleResize);\n };\n }\n }, [carousel]);\n // calculate size of the thumb based on the visible content and full content\n const thumbSize = useMemo<number>(() => {\n if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n const size = Math.ceil(carousel?.width * 2 / carousel?.wrapperEl?.scrollWidth);\n return Math.max(size, 40);\n }\n return 40;\n }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n return (\n <SliderVariant\n ref={ref}\n carousel={carousel}\n component={SliderContainer}\n thumbSize={thumbSize}\n sliderProps={{\n // prevent selection via keyboard, Carousel can be already controlled with Keyboard and we are not showing focus ring\n tabIndex: -1,\n // remove valueLabel tooltip above thumb\n valueLabelDisplay: 'off',\n sx: {\n display: 'block',\n height: '4px',\n // restyle to match scrollbar\n '.MuiSlider-rail, .MuiSlider-track': {\n color: 'surface.primary',\n },\n '.MuiSlider-thumb': {\n display: 'flex',\n width: `${thumbSize}px`,\n height: '4px',\n border: 'none',\n backgroundColor: 'onSurface.os500',\n // match transition speed of carousel\n ...(!carouselDragging && {\n transition: `left ${carousel?.originalParams.speed ?? 300}ms ease-out`,\n }),\n // remove focus style\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n '&:before': {\n content: 'none',\n },\n },\n },\n ...sliderSx,\n },\n ...restSlider,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotsWrapperProps","dotProps","_b","dotsWrapperSx","restDotsWrapper","_c","dotSx","restDot","Box","p","display","alignItems","justifyContent","children","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","Array","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}
1	+ {"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps, LinearProgressProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/sliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' \| 'position'> {\n /*\n Carousel instance from useCarousel hook\n /\n carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n variant?: 'dots';\n /\n Properties applied to wrapper of dots\n /\n dotsWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to each dot\n /\n dotProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n variant?: 'fraction';\n /\n Properties applied to button used to render text\n /\n buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n variant?: 'lines';\n /\n Properties applied to each line\n /\n linesProps?: ButtonProps;\n /\n Show progress in active line instead\n /\n lineProgress?: number;\n /\n Properties applied to active line progress\n /\n lineProgressProps?: BoxProps<ElementType>;\n}\n/\n @deprecated use `slider` variant instead\n /\nexport interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {\n variant?: 'progress';\n /\n @deprecated\n /\n progressProps?: LinearProgressProps;\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n variant?: 'slider';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n variant?: 'scrollbar';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n /\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Append style to wrapper box to change position of control\n * @default outside\n /\n position?: 'outside' \| 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n (\n \| Omit<CarouselPaginationDotsProps, 'carousel'>\n \| Omit<CarouselPaginationFractionProps, 'carousel'>\n \| Omit<CarouselPaginationLinesProps, 'carousel'>\n \| Omit<CarouselPaginationProgressProps, 'carousel'>\n \| Omit<CarouselPaginationSliderProps, 'carousel'>\n \| Omit<CarouselPaginationScrollbarProps, 'carousel'>\n );\n\n/\n Pagination controls\n /\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n ({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }, ref) => {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n // decide on component used\n const VariantComponent = useMemo(() => {\n switch (variant) {\n case 'scrollbar':\n return ScrollbarVariant;\n case 'slider':\n case 'progress':\n return SliderVariant;\n case 'fraction':\n return FractionVariant;\n case 'lines':\n return LinesVariant;\n case 'dots':\n return DotsVariant;\n default:\n return DotsVariant;\n }\n }, [variant]);\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n return <VariantComponent carousel={carousel} sx={sx} ref={ref} position={position} {...rest} />;\n },\n);\n\n/\n Dots variant (...)\n /\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n const { sx: dotSx, ...restDot } = dotProps ?? {};\n\n return (\n <Box\n sx={{\n p: 2,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '1000px',\n py: 0.5,\n px: 1,\n gap: 0.5,\n // ensure width does not change during transition\n // dots width space + gap space + extra active dot space + padding\n width: `${(carousel?.slides.length \|\| 0) 12 + ((carousel?.slides.length \|\| 1) - 1) * 4 + 4 + 16}px`,\n // on image variant from Figma\n ...(position === 'inside' && {\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop'),\n }),\n ...dotsWrapperSx,\n }}\n {...restDotsWrapper}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => (\n <Box\n key={idx}\n className={\n !carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1\n ? 'active'\n : (!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex\n ? 'active'\n : undefined\n }\n sx={{\n p: '0',\n width: '12px',\n height: '12px',\n // scale to 8px\n transform: 'scale(0.6667)',\n borderRadius: '100%',\n backgroundColor: 'onSurface.os500',\n transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n '&.active': {\n transform: 'scale(1)',\n backgroundColor: 'text.primary',\n margin: '0 2px',\n },\n ...dotSx,\n }}\n {...restDot}\n />\n ))}\n </Box>\n </Box>\n );\n },\n);\n\n/*\n Fraction variant (text 1/3)\n /\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Button\n variant=\"text\"\n aria-controls=\"carousel\"\n sx={{\n px: 2,\n py: 0.25,\n borderRadius: '4px',\n // custom typography according to Figma (Pagination/Compact)\n fontSize: '18px',\n lineHeight: '28px',\n letterSpacing: '0.02em',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.backdrop',\n },\n {\n backgroundColor: 'onSurface.os100',\n },\n ),\n ...buttonSx,\n }}\n onClick={() =>\n // at the end, slide to beginning\n carousel?.isEnd && !carousel.originalParams.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n }\n {...restButton}\n >\n <Box component=\"span\">\n <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n {`${(carousel?.realIndex \|\| 0) + 1}`}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n {' / '}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n {`${carousel?.slides.length \|\| 0}`}\n </Box>\n </Box>\n </Button>\n </Box>\n );\n },\n);\n\n/\n Lines variant (- - -)\n /\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n const { sx: lineSx, ...lineRest } = linesProps ?? {};\n const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'stretch', md: 'center' },\n flexGrow: { xs: '1', md: 0 },\n gap: 1,\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => {\n const active =\n (!carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex);\n const seen = idx <= (carousel?.realIndex \|\| 0);\n\n return (\n <Button\n key={idx}\n color=\"inherit\"\n className={active ? 'active' : undefined}\n sx={{\n p: 0,\n minHeight: '0',\n height: active \|\| seen ? '8px' : '4px',\n borderRadius: active \|\| seen ? '4px' : '2px',\n width: { xs: '100%', md: '56px' },\n justifyContent: 'flex-start',\n ...getInteractiveStyle(\n {\n backgroundColor: 'surface.primary',\n '& .progress-line': {\n backgroundColor: 'brand.secondary',\n },\n },\n {\n backgroundColor: 'surface.secondary',\n '& .progress-line': {\n backgroundColor: 'brandHover.secondary',\n },\n },\n ),\n ...lineSx,\n }}\n aria-controls=\"carousel\"\n onClick={() => carousel?.[carousel.originalParams.loop ? 'slideToLoop' : 'slideTo'](idx)}\n {...lineRest}\n >\n <Box\n sx={{\n // invisible hitbox expanding clickable area\n position: 'absolute',\n top: '50%',\n left: '0',\n right: '0',\n height: '24px', // Minimum a11y click area\n transform: 'translateY(-50%)',\n pointerEvents: 'auto',\n }}\n />\n <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n <Box\n className=\"progress-line\"\n role={active ? 'progress' : undefined} // Only the active one gets a role\n aria-valuenow={active ? lineProgress : undefined}\n aria-valuemin={0}\n aria-valuemax={100}\n sx={{\n opacity: lineProgress !== undefined \|\| seen ? '1' : '0',\n width: '100%',\n backgroundColor: 'brand.secondary',\n height: '100%',\n transformOrigin: 'left',\n transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n ...lineProgressSx,\n }}\n {...lineProgressRest}\n />\n </Box>\n </Button>\n );\n })}\n </Box>\n );\n },\n);\n\n/\n Slider variant (___)\n /\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // slider current value that might not match carousel progress\n const [value, setValue] = useState<number>(Math.round((carousel?.progress \|\| 0) 100));\n // watch user manipulating slider\n const dragging = useRef<boolean>(false);\n const [, setRerender] = useState({});\n // monitor carousel progress to update slider value\n useEffect(() => {\n if (!dragging.current) {\n setValue(Math.round((carousel?.progress \|\| 0) * 100));\n }\n }, [carousel?.progress]);\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleMove = () => {\n if (!dragging.current) {\n setRerender({});\n }\n };\n\n // monitor of movement to immediately move thumb\n carousel.on('sliderMove', handleMove);\n\n return () => {\n carousel.off('sliderMove', handleMove);\n };\n }\n }, [carousel]);\n\n return (\n <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n <Slider\n value={value}\n min={0}\n max={100}\n onChange={(_, newValue: number) => {\n // prevent value updates from carousel progress\n dragging.current = true;\n // smoothly move carousel\n carousel?.setProgress(newValue / 100, 150);\n // update slider value\n setValue(newValue);\n }}\n onChangeCommitted={() => {\n // make sure to slide to correct position after user stop touching slider\n carousel?.slideToClosest(300);\n // enable changing value from carousel progress\n dragging.current = false;\n }}\n sx={{\n display: 'block',\n height: '4px',\n // restyle to less prominent variant\n '.MuiSlider-rail': {\n color: 'surface.primary',\n },\n '.MuiSlider-track': {\n color: 'onSurface.os500',\n // match transition speed of carousel\n transitionDuration: `${carousel?.originalParams.speed ?? 300}ms`,\n },\n // hide control thumb\n '.MuiSlider-thumb': {\n display: 'none',\n },\n ...sliderSx,\n }}\n aria-controls=\"carousel\"\n {...restSlider}\n />\n </Box>\n );\n },\n);\n\n/*\n Scrollbar variant (_--)\n /\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // watch states\n const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n const [, setRerender] = useState({});\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleDragStart = () => setCarouselDragging(true);\n const handleDragEnd = () => setCarouselDragging(false);\n const handleResize = () => setRerender({});\n\n // monitor of dragging to remove thumb transition for immediate feedback\n carousel.on('touchStart', handleDragStart);\n carousel.on('touchEnd', handleDragEnd);\n // monitor resize to change size of the thumb\n carousel.on('resize', handleResize);\n\n return () => {\n carousel.off('touchStart', handleDragStart);\n carousel.off('touchEnd', handleDragEnd);\n carousel.off('resize', handleResize);\n };\n }\n }, [carousel]);\n // calculate size of the thumb based on the visible content and full content\n const thumbSize = useMemo<number>(() => {\n if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n const size = Math.ceil(carousel?.width * 2 / carousel?.wrapperEl?.scrollWidth);\n return Math.max(size, 40);\n }\n return 40;\n }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n return (\n <SliderVariant\n ref={ref}\n carousel={carousel}\n component={SliderContainer}\n thumbSize={thumbSize}\n sliderProps={{\n // prevent selection via keyboard, Carousel can be already controlled with Keyboard and we are not showing focus ring\n tabIndex: -1,\n // remove valueLabel tooltip above thumb\n valueLabelDisplay: 'off',\n sx: {\n display: 'block',\n height: '4px',\n // restyle to match scrollbar\n '.MuiSlider-rail, .MuiSlider-track': {\n color: 'surface.primary',\n },\n '.MuiSlider-thumb': {\n display: 'flex',\n width: `${thumbSize}px`,\n height: '4px',\n border: 'none',\n backgroundColor: 'onSurface.os500',\n // match transition speed of carousel\n ...(!carouselDragging && {\n transition: `left ${carousel?.originalParams.speed ?? 300}ms ease-out`,\n }),\n // remove focus style\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n '&:before': {\n content: 'none',\n },\n },\n },\n ...sliderSx,\n },\n ...restSlider,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotsWrapperProps","dotProps","_b","dotsWrapperSx","restDotsWrapper","_c","dotSx","restDot","Box","p","display","alignItems","justifyContent","children","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","Array","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}

package/components/carousel/slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n extends Omit<SwiperSlideProps, 'children'>,\n Omit<BoxProps, keyof SwiperSlideProps \| 'component'> {\n children?: BoxProps['children'];\n}\n\n/*\n One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n const { originalParams: swiperOptions } = useSwiper();\n\n return (\n <Box\n component={SwiperSlide}\n ref={ref}\n {...rest}\n sx={{\n display: 'block',\n width: swiperOptions.slidesPerView === 'auto' ? 'auto' : '100%',\n height: swiperOptions.autoHeight ? 'auto' : '100%',\n position: 'relative',\n zIndex: '50',\n transform: 'translate3d(0px, 0, 0)',\n flexShrink: '0',\n transitionProperty: swiperOptions.effect === 'fade' ? 'opacity' : 'transform',\n '& img': {\n display: 'block',\n maxWidth: '100%',\n },\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"~~wMAaa~~,~~MAAAA~~,EAA8CC,GAAW,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAC~~,UAAWC,EACXb,IAAKA,GACDG,GACJD,GAAEQ,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCT,EAAcU,cAA2B,OAAS,OACzDC,OAAQX,EAAcY,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBjB,EAAckB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IACG,IAGVJ,EAAc6B,YAAc"}
1	+ {"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n extends Omit<SwiperSlideProps, 'children'>,\n Omit<BoxProps, keyof SwiperSlideProps \| 'component'> {\n children?: BoxProps['children'];\n}\n\n/*\n One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n const { originalParams: swiperOptions } = useSwiper();\n\n return (\n <Box\n component={SwiperSlide}\n ref={ref}\n {...rest}\n sx={{\n display: 'block',\n width: swiperOptions.slidesPerView === 'auto' ? 'auto' : '100%',\n height: swiperOptions.autoHeight ? 'auto' : '100%',\n position: 'relative',\n zIndex: '50',\n transform: 'translate3d(0px, 0, 0)',\n flexShrink: '0',\n transitionProperty: swiperOptions.effect === 'fade' ? 'opacity' : 'transform',\n '& img': {\n display: 'block',\n maxWidth: '100%',\n },\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wMAaO,MAAMA,EAA8CC,GAAW,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAWC,EACXb,IAAKA,GACDG,GACJD,GAAEQ,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCT,EAAcU,cAA2B,OAAS,OACzDC,OAAQX,EAAcY,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBjB,EAAckB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IACG,IAGVJ,EAAc6B,YAAc"}

package/components/checkbox/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React, { ReactNode, ChangeEvent, useState, forwardRef, HTMLAttributes } from 'react';\nimport { Checkbox as MuiCheckbox, styled, FormGroup } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/*\n @interface CheckboxProps\n * @description Base definition of SkodaFlow Checkbox independent on core implementation.\n * Properties are inherited from HTML Button element\n /\nexport interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' \| 'color'> {\n /\n Indeterminate state of checkbox, half checked.\n /\n indeterminate?: boolean;\n\n /\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n /\n defaultChecked?: boolean;\n\n /\n Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n /\n checked?: boolean;\n\n /\n Error state of checkbox.\n /\n error?: boolean;\n\n /\n Is checkbox required field in form?\n /\n required?: boolean;\n\n /\n The value referenced with checkbox element\n /\n value?: string;\n\n /\n The value referenced with checkbox element\n /\n label?: string \| ReactNode;\n\n customNode?: ReactNode;\n\n /\n @description Triggered when element is changed.\n * @param e React original event object\n * @param value Current changed value\n /\n onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n}\n\n/\n @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n /\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(({ error, ...props }, ref) => {\n const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n const [_checkState, setCheck] = useState(defaultChecked \|\| false);\n\n const _checkStateChange = (e: ChangeEvent<HTMLInputElement>) => {\n setCheck(e.target.checked);\n typeof onChange === 'function' && onChange(e, e.target.checked);\n };\n\n const _checkbox = (\n <CheckboxStyled>\n <MuiCheckbox\n {...props}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate && _checkState}\n disabled={disabled}\n color={error ? 'error' : undefined}\n ref={ref}\n onChange={_checkStateChange}\n />\n </CheckboxStyled>\n );\n\n return (\n <FormGroup>\n <FormControlLabelStyled control={_checkbox} label={label} disabled={disabled} error={error} />\n </FormGroup>\n );\n});\n\n/\n @description Checkbox styling definition based on props\n /\n\nconst CheckboxStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(() => {\n let styles = {};\n styles = {\n display: 'flex',\n '& + .MuiTypography-root': {\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& ': {\n margin: 0,\n },\n },\n };\n return styles;\n});\n"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"~~sPAmEa~~,~~MAAAA~~,EAAWC,GAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,~~GAAiBF~~,~~EAAPG~~,EAAKC,EAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,~~EACC~~,CAAAC,~~SAAAF~~,EAACG,~~EACKC~~,OAAAC,OAAA,CAAA,~~EAAAhB~~,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,~~EACC~~,CAAAT,~~SAAAF~~,EAACY,~~EAAuB~~,~~CAAAC~~,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,~~CAAE~~,~~EAcf~~,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React, { ReactNode, ChangeEvent, useState, forwardRef, HTMLAttributes } from 'react';\nimport { Checkbox as MuiCheckbox, styled, FormGroup } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/*\n @interface CheckboxProps\n * @description Base definition of SkodaFlow Checkbox independent on core implementation.\n * Properties are inherited from HTML Button element\n /\nexport interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' \| 'color'> {\n /\n Indeterminate state of checkbox, half checked.\n /\n indeterminate?: boolean;\n\n /\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n /\n defaultChecked?: boolean;\n\n /\n Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n /\n checked?: boolean;\n\n /\n Error state of checkbox.\n /\n error?: boolean;\n\n /\n Is checkbox required field in form?\n /\n required?: boolean;\n\n /\n The value referenced with checkbox element\n /\n value?: string;\n\n /\n The value referenced with checkbox element\n /\n label?: string \| ReactNode;\n\n customNode?: ReactNode;\n\n /\n @description Triggered when element is changed.\n * @param e React original event object\n * @param value Current changed value\n /\n onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n}\n\n/\n @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n /\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(({ error, ...props }, ref) => {\n const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n const [_checkState, setCheck] = useState(defaultChecked \|\| false);\n\n const _checkStateChange = (e: ChangeEvent<HTMLInputElement>) => {\n setCheck(e.target.checked);\n typeof onChange === 'function' && onChange(e, e.target.checked);\n };\n\n const _checkbox = (\n <CheckboxStyled>\n <MuiCheckbox\n {...props}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate && _checkState}\n disabled={disabled}\n color={error ? 'error' : undefined}\n ref={ref}\n onChange={_checkStateChange}\n />\n </CheckboxStyled>\n );\n\n return (\n <FormGroup>\n <FormControlLabelStyled control={_checkbox} label={label} disabled={disabled} error={error} />\n </FormGroup>\n );\n});\n\n/\n @description Checkbox styling definition based on props\n /\n\nconst CheckboxStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(() => {\n let styles = {};\n styles = {\n display: 'flex',\n '& + .MuiTypography-root': {\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& ': {\n margin: 0,\n },\n },\n };\n return styles;\n});\n"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"sPAmEO,MAAMA,EAAWC,GAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAKF,EAAKG,EAAKC,EAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EAAc,CAAAC,SACbF,EAACG,EAAWC,OAAAC,OAAA,CAAA,EACNhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EAAS,CAAAT,SACRF,EAACY,EAAsB,CAACC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAA,EAcb,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}